HTML表单&域

本文深入探讨HTML中的表单元素及其域的概念,包括输入类型、表单属性、验证规则等,旨在帮助开发者更好地理解和使用HTML进行网页交互设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 <form action="" method="post">
  <fieldset>域
   <legend>学生档案</legend>
   <label for="username">姓名:</label>
   <input type="text" name="username" id="username" placeholder="请输入用户名"><br>
   <label for="userphone">手机号码</label>
   <input type="tel" name="userphone" id="userphone" ><br>
   <label for="useremail">邮箱地址</label>
   <input type="email" name="useremail" id="useremail"><br>
   <label for="collage">所属学院</label>
   <input type="text" name="collage"
   list="clist" placeholder="请选择">
   <datalist id="clist">
    <option value="前端与移动开发学院"></option>
    <option value="java学院"></option>
    <option value="c++学院"></option>
   </datalist><br>
   <label for="score">入学成绩</label>
   <input type="number" name="score"
   id="score" max="100" min="0" value="0"><br>
   <form action="">
    <fieldset>
     <legend>学生档案思密达</legend>
     <label>姓名:<input type="text" name="sname" placeholder="请输入学生姓名"></label><br>
     <label>手机号:<input type="tel" name="sphone"></label><br>
     <lable>邮箱:<input type="email" name="semail"></lable><br>
     <lable>所属学院:<input type="text" name="scollage" list="slist" placeholder="请选择学院">
      <datalist id="slist">
       <option>金融与信息学院</option>
       <option>机械学院</option>
       <option>人文学院</option>
      </datalist>
     </lable><br>
     <lable>出生日期:<input type="date" name="sbirth"></lable><br>
     <lable>成绩:<input type="number" name="sscore" max="100" min="0"></lable><br>
     <lable>毕业时间:<input type="date" name="sleavetime"></lable><br>
     <input type="submit" value="提交">
     <input type="reset" value="重置">
    </fieldset>
   </form>
   <label>入学日期:<input type="date" name="intime"></label><br>
   <label>毕业日期:<input type="date" name="leavetime"></label><br>
   <input type="submit" value="提交">
  </fieldset>
 </form>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值