表单
属性 说明
action 此属性指示服务器上处理表单输出程序。一般来说用户单击表单上提交按钮后信息发送到Web服务器上,由action属性所指示的程序处理。语法action="URL"如果action属性为空则表单默认提交单本页
method 此属性告诉浏览器如何将数据提交给服务器,他指定向服务器发送的方法语法为:nethod=(get | post)<input>元素的常用属性
type 此属性指定表单元素的类型。可用类型有:text,password,checkb ox,radio,submit,reset,file,email,number,url,hidden,image和button。默认值为text。
name 此属性是表单元素的名称。例如, 如果表单上有几个文本框,可按名称来标识他们如:usename,phone等,
value 此属性为可选属性他指定的表单元素单的初始值如果是type和radio类型,则必须指 定一个值
size 此属性值指表单元素的初始如果type,text或password类型的,则表单的大小以字符为单位对于其他输入类型宽度以像素为单位
maxlength 次属性指定在text,password 元素中输入最大字符, 最大字符为无限大。
checked 此属性用于指定按钮是否被选中的。当输入类型为radio或checkbox时,使用此属性
1.文本框
最常见的表单输入的元素文本框(text),它用于单行文本信息,如用户名的输入文本框。若要在文本里创建一个文本框,将表单元素type设为text 类型就可以了
3.单选框
用户一次只能选择一个单元框,只有从组中选出的单元按钮才会提交对应的数值。
4.复选框
复选框有些类似只不过复选框可以选择多个选type属性设为checkbox就可以创建一个复选框了
5.列表框
它是通过<select>标签和<option>标签
11.数字
number类型的input
元素提供用于输入的文本框。还可以对所接收数字进行限制,规定允许的最大值,最小值合法的数字隔或默认值等。
gange类型的属性
属性 值 描素
value number 规定的默认值
min number 规定允许的最小值
max number 规定允许的最大值
step number 规定合法数字间隔(如果step="2",则合法的数字是-2,0,2,4等)
6.文本的隐藏域
将type属性设为hidden隐藏类型即可创建一个隐藏域。
示例:
<form action="method="get> <p>用户名<input name="name" type="text"/></p> <p>密码<input name="pass" type="password"/></p> <p><input type="submit" value="提交"/></p> <p><input type="hidden" value="666" name="userid"/></p> </form>
只读场景:
网站服务器方不希望用户修改的数据,这些数据在表单元素中显示。
禁用场景:
只有满足某个条件后,才能 选用某项功能。
示例:
<form action="" method="get"> <p>用户名<input name="name" type="text" value="张三" readonly/></p> <p>密码<input name="pass" type="password" /></p> <p>密码<input type="submit" value="修改" disabled /></p> </form>
表单的标注:
语法如下:
<label for="表单元素的 id">标注的文本</label>
7.required的用法:
required属性用于规定的文本框填写内容不能为空,否则不允许用户提交表单。该属性适合 input标签:
text,searchurl,email,password,number,checkbox,radio,file等类型。
posted on 2017-08-30 20:31 雅俗共赏_house 阅读(157) 评论(0) 编辑 收藏 举报