HTML表单&域

最新推荐文章于 2023-07-04 15:30:44 发布

原创最新推荐文章于 2023-07-04 15:30:44 发布 · 397 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#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>

在这里插入图片描述