在上一期中,我们学习了如何制作表格。 表单和表格的区别在于,表单是用来放数据的,而表单是用来向下一页提交数据的,比如登录、注册等功能。
那么如何制作表格呢?
以下是表格的基本结构
在输入类型中,比较常用的类型有
文本
收音机(单选按钮)
(复选框)
重置
这里我们详细谈谈文字
让浏览器通过将文本设置为输入表单元素的类型来创建文本表单元素对象。 Text 对象的 value 属性表示文本框中的值。 文本框的input标签还具有大小属性(用于确定文本框的宽度有多少个字符)和属性(用于确定用户可以在文本框中输入多少个字符)。
浏览器打开如下:
Text 对象还有一个 () 方法来选择或突出显示文本框中的文本。 当用户在文本框中输入无效值时,我们可以通过 focus() 方法将输入焦点设置回文本框。 并使用()方法选择文本框中的文本,光标落在文本框的右侧。
Text对象的值获取的都是字符串类型的值,即使输入的是纯数字,也会被转为字符串。
文本对象有多个事件处理程序
事件处理程序(获得焦点)
事件处理程序(失去焦点)
事件处理程序(选中)
事件处理程序(当且仅当文本框失去焦点时的值与获得焦点时的值不同时)
事件处理程序(键盘按下)
事件处理程序(按下某个键)
事件处理程序(键盘抬起)
如果要在输入框中输入密码,则需要使用
如下:
使用密码框的唯一目的是隐藏用户输入的密码字符串,以防止用户在页面上输入密码时被窥探。 但密码框仅使用星号或其他符号代替显示,并且不对密码进行加密。
提交表单时,仍然以明文形式发送,因此使用密码框传递重要信息并不是一种安全的方法。
然后是Radio(单选按钮)和(多按钮框)
使用
注意名字要放在一起统计
无线电的使用如下:
这里注意,名称必须相同,否则无法体现选播能力。
让我们将其添加到我们的网页中:
这样就完成了我们制作的第一个简单表格。
是不是很简单呢? 你学会了吗?
执行主编| 王子明