本文涉及到
input里面的(name)和(id)、(value)(placeholder)(size)(maxlength)
还有label(for)
input里面name值
- 用途1: 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
- 用途2: HTML元素Input type='radio’分组,我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的Name属性来实现的。
- 用途3: 建立页面中的锚点,我们知道link是获得一个页面超级链接,如果不用href属性,而改用Name,如:,我们就获得了一个页面锚点。
- 用途4: 作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。
- 用途5: 在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap="#name"(被关联的MAP元素的Name)。
- 用途6: 某些特定元素的属性,如attribute,meta和param。例如为Object定义参数或Meta中<META NAME = “Author” CONTENT = “Dave Raggett”
input里面id值
- id 属性规定 HTML 元素的唯一的 id。
- id 在 HTML 文档中必须是唯一的。
- id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式
input里面的value值
text:文本框,input默认的type,不写就是这个,value表示文本框里的值。
password:密码框,value表示密码框里的值。
submit:提交按钮,value表示按钮上的文字
button:普通按钮,value表示按钮上的文字
reset:重置按钮,value表示按钮上的文字
radio:单选框,value表示该单选框的真实值(一般真实值和数据库对应,显示的值给用户参考的)
input里面的placeholder
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
注释:placeholder 属性适用于以下的 类型:text, search, url, telephone, email 以及 password。
input里面的size和maxlength区别
maxlength=“5”,则input输入框中只能够输入5个字符
size=“5”,表示input输入框只显示5个可见的字符,但你可以输入’无数’多字符内容
即:size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度),
由于 size 属性是一个可视化的设计属性,我们应使用 CSS 中的width来代替它。
<input style="width:100px"/>
label里面的for
使用和简绍
label专为input元素服务,为其定义标记。
for属性规定label与哪个表单元素绑定
label和表单控件绑定方式又两种:
1、将表单控件作为label的内容,这样就是隐士绑定。
此时不需要for属性,绑定的控件也不需要id属性。
隐式绑定:
<label>Date of Birth: <input type="text" name="DofB" /></label>
2、为label标签下的for属性命名一个目标表单的id,这就是显示绑定。
显式绑定:
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />
3、为什么要个label加上for
给label加了for属性绑定了input控件后,可以提高鼠标用户的用户体验。
如果在label元素内点击文本,就会触发此控件。就是说,当用户渲染该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。