HTML学习小记3

2 篇文章 0 订阅
.

当设计表单时,可指定某些选项为必填项(required),只有当用户填写了该选项后,用户才能够提交表单。

例如,把一个文本输入字段设置为必填项:在input元素中加上required属性:<input type="text" required>

多选一的场景就用radio button(单选按钮)(input输入框的一种类型),每一个单选按钮都应该嵌套在它自己的label(标签)元素中。

例:<label><input type="radio" name="allname"> name1</label>※所有关联的单选按钮应该使用相同的name属性。

复选按钮是input的输入框的另一种类型,每一个复选按钮都应该嵌套进label元素中,所有关联的复选按钮应该具有相同的name属性。

例:<label><input type="checkbox" name="personality"> Loving</label>

使用checked属性,可设置复选按钮和单选按钮默认被选中:在input元素中添加属性checked

例:<input type="radio" name="test-name" checked>

div元素,也被称作division(层)元素,是一个盛装其他元素的通用容器。所以可以利用CSS的继承关系把div上的CSS传递给它所有子元素。

除了 class属性之外,每一个 HTML 元素还可以使用 id 属性。

id 属性:使用 id 属性有若干好处,一旦使用 jQuery 时就会有更深的体会。

id 属性应该是唯一的,虽然浏览器并不强制唯一,但基于最佳实践,这一点是被广泛认可的,所以不要给一个以上的元素设置相同的id 属性。

例:设置p 元素的id属性为a-b-c<p id="a-b-c">

和类选择器一样,也可使用ID选择器来声明样式。注意:在style 元素内部,定义类选择器必须添加 . 为前缀,定义ID选择器必须添加 #为前缀。





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值