<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>表单的例子-注册</title>
   </head>
   <body>
      <form action="" method="post">
         <p>
            用户名:
            <input type="text" name="username" placeholder="用户名由6-20个字符构成" maxlength="20" required="required"/>
         </p>
         <p>
            密码:
            <input type="password" name="password1" required="required"/>
         </p>
         <p>
            确认密码:
            <input type="password" name="password2" required="required"/>
         </p>
         <p>
            性别：
            <input type="radio" name="sex" value="1" checked="男"/>男
            <input type="radio" name="sex"value="0"/>女
         </p>
         <p>
            爱好：
            <input type="checkbox"name="fav" value="阅读"/>阅读
            <input type="checkbox"name="fav" value="美食"/>美食
            <input type="checkbox"name="fav" value="旅游"/>旅游
            <input type="checkbox"name="fav" value="运动"/>运动
         </p>
         <p>
            省份：
            <select name="province">
               <option value="111" selected="背景">北京</option>
               <option value="112">天津</option>
               <option value="113">上海</option>
               <option value="114">重庆</option>
               <option value="115">南京</option>
            </select>
         </p>
         <p>
            生日：
            <input type="date" name="birthday" id="" value="" />
         </p>
         <p>
            邮箱：
            <input type="email" name="email" id="" value="" />
         </p>
         <p>
            自我介绍：
            <textarea rows="10" cols="30" name="introduction"></textarea>
         </p>
         <p>
            <input type="submit" value="确认注册"/>
            <input type="reset" value="重置"/>
         </p>
      </form>
   </body>
</html>

用户名类型text；密码类型password；性别类型radio，表示互斥；爱好类型checkbox，表示多个复选框；生日类型date；邮箱类型email；确定注册类型submit；重置类型reset

以上使用input

 

还有几个特殊的类型，如省份的下拉菜单，类型是select，子菜单option

自我介绍使用textarea，行是rows，列是cols

 

当向服务器提交数据时，是以键值对的形式提交，键就是name属性，值就是value属性，不可为空，不然服务器获取不到数据