表单 form

表单 form

作用：完成人机交互，收集信息等

  <form action="/user" method="post">  //action：提交地址  method：提交方式  get/post
         账号：<input type="text" name="username" /><br/>  //text 普通文本
         密码：<input type="password" name="psd" /><br/>   //password  密文
         <!-- checked默认选中 --> 
         性别：<input type="radio" name="sex" checked/>男   //radio  单选框
               <input type="radio" name="sex" />女<br/>
         爱好：<input type="checkbox" name="hobby">打篮球   //checked   复选框
         <input type="checkbox" name="hobby">足球
         <input type="checkbox" name="hobby">剑法     
         <input type="checkbox" name="hobby">刀法 <br/>
         头像：<input type="file" name="touxaing"/><br/>  //文件域，选取文件、图片、视频等
         生日；<input type="date" name="shengri"/>       //日期选择
         地址：<select>                                 //下拉框
             <option value="xx">sdaad</option>                  //下拉框选项
             <option>sdaad</option>                  //value属性用于传值
             <option>sdaad</option>
         </select>
         简介：<textarea name="多行文本" rows="行数" cols="字符数"></textarea>   //多行文本
         按钮：
         <input type="button" value="tijaio"/>  //普通按钮
         <input type="submit" value="tijaio"/>  //提交按钮
         <input type="reset" value="chonzhi"/>  //重置按钮
         <input type="image" src="图片地址"/>    //图片按钮
 ​
      
 隐藏域：添加属性：hidden
 只读 ：添加属性： readonly
 禁用 : 添加属性：disabled
 placeholder:提示信息，用于输入框中
 required：非空判断
 pattern：使用正则表达式进行判断 
 action：表单提交的位置，可以是网址也可以是一个请求处理地址
 method：post比较安全，传输大文件，url上不显示；get在url上会显示信息，不安全，高效