课时49.非input标签(掌握)

2018-06-24 02:27:33来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1.select标签(下拉列表)

什么是下拉列表?

这就是下拉列表

作用:

用于定义下拉列表

格式:

<select>

<option>列表数据</option>

</select>

这个下拉列表和datalist很像,但是它们两个之间有很大的区别

datalist是用来定义待选列表,将来它可以绑定某一个输入框,而下拉列表不是用来绑定给谁的,它本身就是一个列表

      

注意点:

1.下拉列表不能输入内容,但是可以直接在列表中选择内容

2.可以通过给option标签添加一个selected属性来指定列表的默认值

    刷新后就会自动选中上海

如果我们写了很多区,有北京的,有上海的,我们怎么区分它们呢?

   

3.可以通过给option标签包裹一层optgroup标签来给下拉列表中的数据分类

2.textarea标签

作用:

定义一个多行输入框

格式:

<textarea>

</textarea>

注意点:

  1. 默认情况下输入框可以无限换行
  2. 默认情况下输入框有自己的宽度和高度
  3. 可以通过cols和rows来指定输入框的宽度和高度,但是虽然指定了列数和行数,但是还是可以无限往下输入
  4. 默认情况下输入框是可以手动拉伸的

通过点击右下角的标志

  

如何利用css,将多行输入框的拉伸点去掉

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:课时63.字体属性的简写(掌握)

下一篇:课时66.颜色控制属性下(理解)