【HTML5复习】表单

表单

用于搜集不同类型的用户输入
表单元素:不同类型的input元素、复选框、单选按钮、提交按钮等

<form>
	<input type=" " name="名称" value="设置默认值">
</form>

1. input元素:

是最重要的表单元素,有很多形态,有不同的type属性

type描述补充
text文本输入框定义单行输入字段,用户可以在其中输入文本,默认是20个字符
password密码输入框字段中的字符会被遮蔽
number数字输入框
url网址输入框
tel电话号码输入框
emial邮箱输入框
image定义图像作为提交按钮
submit提交按钮
reset重置按钮将所有表单字段重置为初始值
radio单选按钮
checkbox复选按钮

2.name

name=“空间的名称”
表示文本框的名称,主要是用来区分其他控件,以备后台程序ASP.PHP使用

3.size=“控件的长度”

表示文本框在页面里能够显示出来的长度

4.maxlength

maxlength=“最长的字符数”

5.value

value=“文字域的默认取值”

6.required=“required”

标记一个字段是否必须

7.placeholder

=“输入框占位符”

8.form:

在HTML5中,表单控件已经没有必要嵌套在一个表单中,新的form属性可以把表单元素与页面上的任意表单关联起来,也可以被嵌套在一个表单中,随着另一个表单提交。

创建文本域

<form>
	<textarea rows="行数" cols="列数" 默认文本值> </textarea>
</form>

input标签之外是否一定添加form标签:
https://blog.csdn.net/lamanchas/article/details/78753031

table:
table 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
在这里插入图片描述
HTML td标签的colspan属性
规定单元格可横跨的行数
colspan=“0” 指示浏览器横跨到列组的最后一列。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值