HTML第三章

 属性                                           说明

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等类型。

 
原文地址:https://www.cnblogs.com/1402380606HZ/p/7461191.html