表格、输入框
表格
1.表格由
标签来定义。每个表格均有若⼲⾏(由 标签定义),每⾏被分割为若⼲单元格(由
标签定义)。字⺟ td 指表格数据,即数据单元格的内容。数据单元格可以包含⽂本、图⽚、列表、段落、表单、⽔平线、表格等等。
2.table表示整个表格(标签内可以通过border属性设置表格的边框)
tr表示⾏
th表示表格标题
td表示每⼀⾏的单元格
输入框
1.场景: ⽤来接收⽤户的输⼊信息。⽐如登录表单需要输⼊⽤户名和密码,注册表单需要输⼊⼿机号、邮箱
等信息。
2.属性:
type:输⼊框类型(text, password, email, number, date等)
name:输⼊框名称
value:输⼊框的默认值
placeholder:输⼊框的提示⽂本
disabled:是否禁⽤输⼊框
readonly:是否只读输⼊框
3.input标签的type属性可以设置以下常⻅的值:
text:⽂本输⼊框,⽤于输⼊普通⽂本。
password:密码输⼊框,输⼊的⽂本内容会被隐藏为密⽂形式。
number:数字输⼊框,只能输⼊数字类型的值。
date:⽇期选择框,⽤于选择⽇期。
checkbox:复选框,⽤于选择多个选项。
radio:单选按钮,⽤于在多个选项中选择⼀个。
file:⽂件上传框,⽤于上传⽂件。
button:普通按钮,⽤于执⾏⾃定义的JavaScript代码或操作。
submit:提交按钮,⽤于提交表单数据。
reset:重置按钮,⽤于重置表单数据为默认值。
表单
1.创建表单
要创建表单,我们需要使⽤ HTML 的
元素。以实现⽤户信息的收集与传递,其他标签必须在它
的范围才有效。
2.提交⽅式
GET :暂且理解为明⽂传输
POST:暂且理解为加密传输
浙公网安备 33010602011771号