HTML5零基础学习日记(3)

单选框、复选框、有序列表以及无序列表的使用

 

单选按钮是 input 选择框的一种类型。每一个单选按钮都应该嵌套在它自己的 label(标签)元素中。 所有关联的单选按钮应该拥有相同的 name 属性。 

<label> 
  <input type="radio" name="apple-banana">apple
</label>

复选框:

<label for="food">
<input id="food" type="checkbox" name="bestfood"> Apple
</label>

有序列表:以 <ol> 开始,中间包含一个或多个 <li> 元素。 最后以 </ol> 结束

<ol>
  <li>有序1</li>
  <li>有序2</li>
  <li>有序3</li>
  <li>有序4</li>
  <li>有序5</li>
</ol>

无序列表:以 <ul> 开始,中间包含一个或多个 <li> 元素, 最后以 </ul> 结束。 

<ul>
  <li>无序1</li>
  <li>无序2</li>
  <li>无序3</li>
  <li>无序4</li>
  <li>无序5</li>
</ul>

如何创建一个文本输入框?

input 可创建文本输入框,注意: input 输入框是没有结束标签的

<input type="text">

如给输入框中提供文本占位符,应使用placeholder=“文本” 

<input type="text" placeholder="所需要显示的文本">

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值