form 表单

form 表单

       action 提交跳转地址

       常用控件-----

       textarea                       输入一段文本

       select                           下拉框  option

       input

              type="text"              文本输入框

              type="password"     密码框

              type="radio"            单选框

              type="checkbox"     复选框

              type="file"               上传控件

              type="submit"         提交按钮

              type="email"            邮箱       必须以@结尾

              type="tell"                电话 （移动设备自动弹出数字输出法）

              type="url"                网址

              type="range"           数值选择

              max="100" min="1" value="50" step(部署控制，每次移动多少)="10"

              type="number"       数字选择

              max="9" min="1" value="3" step="3"

              type="color"            取色器

              type="datetime-local"  时间（年月日小时）

                        time：            只有时间

                        date：            只有年月日

                        week：           第几周/年

                        month：        第几月/年

                 　　 value：          值

                         name：         数据名称

       常用属性-----

              checked     单选和复选的默认选中

              selected     的默认选中

              disabled     禁止控件的编辑和提交

              for=           要辅助input的id           

       pattern：正则验证

              placeholder：       提示文字信息（不兼容IE）

              autocomplete：   是否保存用户输入值 on（默认）/off

              autofocus：          指定表单获取输入焦点

              required：            强制用户输入不能为空            

                     <input type="text" name="user" list="valList" required/>

                    <datalist id="valList">（为input中提示选择的内容，下拉框。）

                               <option value="javascript">javascript</option>

                              <option value="html">html</option>

                               <option value="css">css</option>

                  </datalist>

         

             表单草稿箱

                      当用户想保存草稿箱时

                      为submit加入

                                 formaction="地址" 新的提交地址

                                 formnovalidate 取消验证

             清除表单默认样式

                       form{margin：0；}

                       input，select，textarea{padding：0；margin：0；border：1px solid #000；}

                       textarea{resize：none；overflow：auto；}