input标签的作用?html的input标签用法
本篇文章给大家谈谈input标签的作用,以及html的input标签用法对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。
input标签的六大属性分别是什么
属性值
描述
button定义可点击按钮(多数情况下,用于通过 JavaScript启动脚本)。
checkbox定义复选框。
file定义输入字段和"浏览"按钮,供文件上传。
hidden定义隐藏的输入字段。
image定义图像形式的提交按钮。
password定义密码字段。该字段中的字符被掩码。
radio定义单选按钮。
reset定义重置按钮。重置按钮会清除表单中的所有数据。
submit定义提交按钮。提交按钮会把表单数据发送到服务器。
text定义单行的输入字段,用户可在其中输入文本。默认宽度为 20个字符。
HTML里面的input标签里的name有什么用
做为一个记号,可以通过document.getElementsByName("")来取到所有具有同一个名字的节点,然后进行操作。
注:同一个id在每个文档里只能赋给一个节点,而name可以被多个节点使用。
【作用】
1作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
2 HTML元素Input type='radio'分组,我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的Name属性来实现的。
3建立页面中的锚点,我们知道<a rel="external nofollow" href="URL">link</a>是获得一个页面超级链接,如果不用href属性,而改用Name,如:<a name="PageBottom"></a>,我们就获得了一个页面锚点。
4作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。
5在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap="#name"(被关联的MAP元素的Name)。
6某些特定元素的属性,如attribute,meta和param。例如为Object定义参数<PARAM NAME="appletParameter" VALUE="value">或Meta中<META NAME="Author" CONTENT="Dave Raggett">。
HTML代码中的label标签的作用是什么
Label中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。
FOR属性
功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。
用法:<Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">
ACCESSKEY属性:
功能:表示访问Label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。
用法:<Label FOR="InputBox" ACCESSKEY="N">姓名</Label><input ID="InputBox" type="text">
局限性:accessKey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。
注释
要将 LABEL绑定到其它的控件,请将 LABEL元素的 FOR属性设置为与该控件的 ID相同。将 LABEL绑定到控件的 NAME属性毫无用处。但是,要提交表单,你必须为 LABEL元素所绑定到的控件指定 NAME。
有两种方法给所指定的快捷键添加下划线。LABEL元素的 rich text支持可以在 ACCESSKEY属性所指定的快捷键字符两侧加上 U元素。如果你更愿意使用样式表(CSS)来应用样式,可以将该字符包含在 SPAN中,并设置样式为“text-decoration: underline”。
如果用户单击 LABEL,则会先触发 LABEL上的 onclick事件,然后触发由 htmlFor属性所指定的控件上的 onclick事件。按下 LABEL设定的快捷键将设置焦点但并不触发 onclick事件。
标签不允许嵌套。
此元素在 Internet Explorer 4.0及以上版本的 HTML和脚本中可用。
此元素是内嵌元素。
此元素需要关闭标签。
元素示例代码
下面的例子使用了 LABEL元素和 ACCESSKEY属性设置文本框的焦点。
This example uses the LABEL element and the ACCESSKEY attribute to set focus on a text box.
Html代码
1.<LABEL FOR="oCtrlID" ACCESSKEY="1">
2.<!--<SPAN style="text-decoration:underline;">1</SPAN>: Press Alt+1 to set focus to textbox-->
3.</LABEL>
4.<INPUT TYPE="text" NAME="TXT1" VALUE="binding sample 1"
5.SIZE="20" TABINDEX="1" ID="oCtrlID">
好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!