×

表单控件元素

表单控件元素(HTML基础之为什么要在表单控件中同时使用name和id属性)

admin admin 发表于2023-10-23 21:12:29 浏览40 评论0

抢沙发发表评论

本文目录

HTML基础之为什么要在表单控件中同时使用name和id属性

同时使用两个属性的原因是为了向前和向后兼容不同版本的HTML和XHTML。name:HTML和XHTML都支持name属性。它用于为表单元素命名,以便客户端简本语言(比如JavaScript)或服务器端程序语言(如PHP)访问。为表单的摸个控件的name属性指定的值必须在该表单内唯一。id:id属性用于CSS,并得到了XHTML的支持。id属性的值必须在表单所属的整个网页文档中唯一。使用id属性可确保将来与CSS和XHTML的兼容性。有远见的网页开发人员会在配置表控件时同时使用name和id属性。一般情况下,分配给特定表单控件的name和id属性。一般请况下,分配给特定

html 表单元素 有哪几种事件处理

在html语言中,标记《input》具有重要的地位,它能够将浏览器中的控件加载到html文档中,该标记是单个标记,没有结束标记。《input type=““》标志用来定义一个用户输入区,用户可在其中输入信息。此标志必须放在 《form》《/form》标志对之间. type属性值定义type属性取值输入区域类型控件的属性及说明《input type=“TEXT“ size=““ maxlength=““》单行的文本输入区域,size与maxlength属性用来定义此种输入区域显示的尺寸大小与输入的最大字符数(1)name 定义控件名称(2)value 指定控件初始值,该值就是浏览器被打开时在文本框中的内容(3)size 指定控件宽度,表示该文本输入框所能显示的最大字符数。(4)maxlength 表示该文本输入框允许用户输入的最大字符数。(5)onchang 当文本改变时要执行的函数(6)onselect 当控件被选中时要执行的函数(7)onfocus 当文本接受焦点时要执行的函数《input type=“button“》普通按钮,当这个按钮被点击时,就会调用属性onclick指定的函数;在使用这个按钮时,一般配合使用value指定在它上面显示的文字,用onclick指定一个函数,一般为JavaScript的一个事件。这三个按钮有下面共同的属性:(1)name 指定按钮名称(2)value 指定按钮表面显示的文字(3)onclick 指定单击按钮后要调用的函数(4)onfocus 指定按钮接受焦点时要调用的函数《input type=“SUBMIT“》提交到服务器的按钮,当这个按钮被点击时,就会连接到表单form属性action指定的url地址。《input type=“RESET“》重置按钮,单击该按钮可将表单内容全部清除,重新输入数据。《input type=“CHECKBOX“ checked》一个复选框,checked属性用来设置该复选框缺省时是否被选中,右边示例中使用了三个复选框checkbox用于多选,有以下属性:(1) name 定义控件名称(2) value 定义控件的值(3) checked 设定控件初始状态是被选中的(4) onclick 定义控件被选中时要执行的函数(5) onfocus 定义控件为焦点时要执行的函数《input type=“HIDDEN“》隐藏区域,用户不能在其中输入,用来预设某些要传送的信息hidden 隐藏控件,用于传递数据,对用户来说是不可见的;属性有:(1)name 控件名称,(2)value 控件默认值(3)hidden隐藏控件的默认值会随表单一起发送给服务器,例如:《input type=“Hidden“ name=“ss“ value=“688“》 控件的名称设置为ss,设置其数据为“688“,当表单发送给服务器后,服务器就可以根据hidden的名称ss,读取value的值688;《input type=“IMAGE“ src=“URL“》使用图像来代替Submit按钮,图像的源文件名由src属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器(1)name 指定图像按钮名称(2)src 指定图像的url地址

js获取指定form中所有表单元素谁有更好的方法

$(“form input“).prop(“readonly“, true);\r\n将所有表单的所有表单控件的readonly全部设置为readonly~\r\n要注意的是如果直接使用input选择器的话,包括了按钮~\r\n所以要排除按钮、隐藏域之类的input的话~\r\n使用not选择器\r\n$(“input:not(:button,:hidden)“).prop(“readonly“, true);\r\n希望对您有帮助~\r\nBy Billskate

html 常用的表单控件类型有哪些

文本字段 text密码 password隐藏域 hidden文本区域 textarea复选框 checkbox单选按钮 radio选择列表 select图像域 image文件域 file按钮 button 提交按钮 submit大致就是这些。