首页 > 代码库 > HTML表单基础知识

HTML表单基础知识

<form>元素定义HTML表单
   action属性定义在提交表单时执行的动作
   method属性规定在提交表单时所用的HTTP方法(GET或POST)
    Name属性:如果要正确地被提交,每个输入字段必须设置一个name属性
属性描述
accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。
action 规定向何处提交表单的地址(URL)(提交页面)。
autocomplete 规定浏览器应该自动完成表单(默认:开启)。
enctype 规定被提交数据的编码(默认:url-encoded)。
method 规定在提交表单时所用的 HTTP 方法(默认:GET)。
name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标(默认:_self)。
   <fieldset>元素组合表单中的相关数据
        <legend>元素为<fieldset>元素定义标题
    <input>是最重要的表单元素
        <input type="text">定义用于文本输入的单行输入字段
        <input type="radio">定义单选按钮
        <input tupe="submit">定义用于向表单处理程序(form-handler)提交表单的按
        <input type="password">定义密码字段
        <input type="checkbox">定义复选框
        <input type="button">定义按钮
        <input type="number">用于应该包含数字值的输入字段
        <input type="date">用于应该包含日期的输入字段,日期选择器会出现输入字段中
        <input type="color">用于应该包含颜色的输入字段,颜色选择器会出现输入字段中
        <input type="range">用于应该包含一定范围内的输入字段,输入字段能够显示为滑块控件
        <input type="month">允许用户选择月份和年份,日期选择器会出现输入字段中
        <input type="week">允许用户选择周和年,日期选择器会出现输入字段中
        <input type="time">允许用户选择时间(无时区),时间选择器会出现输入字段中
        <input type="datetime">允许用户选择日期和时间(有时区),日期选择器会出现输入字段中
        <input type="datetime-local">允许用户选择日期和时间(无时区),日期选择器会出现输入字段中
        <input type="email">用于应该包含电子邮寄地址的输入字段,能够在被提交时对电子邮件地址进行验证
        <input type="search">用于搜索字段(搜索字段的表现类似常规文本字段)
        <input type="tel">用于应该包含电话号码的输入字段
        <input type="url">用于应该包含URL地址的输入字段
        <input type="file">用于上传文件
            value属性规定输入字段的初始值
            readonly属性规定输入字段为只读(不能修改 不需要值)
            disabled属性规定输入字段是禁用的(不需要值)
            size属性规定输入字段的尺寸(以字符计 就是长度)
            maxlength属性规定输入字段允许的最大长度
            autocomplete属性规定表单或输入字段是否应该自动完成,挡自动完成开启,浏览器会基于用户之前的输入值自动填写值
            novalidate属性属于<form>属性,如果设置,则novalidate规定在提交表单时不对表单数据进行验证
            autofocus属性时布尔值,如果设置,则规定当页面加载时<input>元素应该自动获得焦点
            form属性规定<input>元所属的一个或多个表单,
            formaction属性规定到提交表单时处理该输入控件的文件的URL,覆盖<form>元素的action属性,适用于type="submit"以及type="image"
            formenctype属性规定当把表单数据(form-data)提交至服务器时对其进行编码(仅针对method="post"的表单),覆盖<form>元素的enctype属性,适用于type="submit"以及type="image"
            formmethod属性定义用以向action URL发送表单数据(form-data)的HTTP方法,覆盖<form>元素的method属性,适用于type="submit"以及type="image"
            formnovalidate属性是布尔属性,如果设置,则规定在提交表单时不对<input>元素进行验证,formnovalidate属性覆盖<form>元素的novalidate属性,formnovalidate属性克用于type="submit"
            formtarget属性规定的名称或关键词指示提交表单后再何处显接收到的响应,覆盖<form>元素的target属性,formtarget属性可与type="submit"和type="image"使用
            height和width属性规定<input>元素的高度和宽度,仅用于<input type="image">
            list属性引用的<datalist>元素包含了<input>元素的预定义选项
            min和max属性规定<impur>元素的最小值和最大值,适用于如需输入类型:number、range、date、datetime、datetime-local、month、time以及week
            multiple属性是布尔属性,如果设置,则规定允许用户在<input>元素中输入一个以上的值,适用于以下输入类型:email和file
            pattern属性规定用于检查<input>元素值得正则表达式,适用于以下输入类型:text、search、url、tel、email、password
            placeholder属性规定用于描述输入字段预期值的提示(样本值或有关格式的简短描述),该提示会在用户输入值之前显示在输入字段中,适用于以下输入类型:text、search、url、tel、email、password
            required属性是布尔属性,如果设置,则规定在提交表单之前必须填写输入字段,适用于以下输入类型:text、search、url、tel、email、password、date pickers、number、checkbox、radio、file
            step属性规定<input>元素的合法数学间隔
    <select>元素(下拉列表)
        <option>元素定义待选择的选项
    <textarea>元素定义多行输入字段(文本域)
    <button>元素定义可点击的按钮
    <datalist>元素为<input>元素规定预定义选项列表
    <keygen>元素规定用于表单的密钥对生成器字段,当提交表单时,私钥储存在本地,公钥发送到服务器
    <output>元素定义不同类型的输出,比如脚本的输出

 

HTML表单基础知识