
上QQ阅读APP看书,第一时间看更新
1.3.5 表单元素

V1-12 表单元素
网页中常会有文本框、密码框、按钮、下拉框、单选复选框及文本域等专门用于与用户进行交互的元素,这些元素统称为表单元素,本小节将总结表单元素的使用及属性的设置。
1.文本框

id表示该元素在网页中的唯一识别符。maxlength表示文本框最多允许输入的字符数。
2.密码框

3.按钮

或者

单击按钮时,可以响应按钮的单击事件onclick,此时调用JavaScript的alert函数弹出对话框。
4.单选框

注意 单选框必须确保name属性都是一样的。
5.复选框

6.下拉框

7.文本域

文本域不同于一般的文本框,文本框只能输入一行,而文本域可以输入任意多行。
8.提交和重置表单

上述代码会生成一个表单,单击“重置”按钮会直接将表单内的元素重置为默认值,单击“提交”按钮则会将表单的内容提交给服务器端地址,用于进行交互。
由于现在网页中大量使用AJAX来提交请求,所以使用Form来提交数据并不是必须的。

V1-13 列表元素