day14-Html的body内标签之多行文本框及下拉菜单

一、多行文本框

作用：多行文本向后台提交时，需要加上name属性，默认值不是在标签内添加value属性，而是在中间添加

 input  type="text" 说我们 不一样

 

1 <body>
2     <textarea> 老牛逼啦</textarea>
3 
4 </body>

 

效果如下

二、下拉框select 标签

2.1、普通下拉框，然后selected 属性是默认选择哪个值。

 

1  <select>
2         <option>北京</option>
3         <option>南京</option>
4         <option value="3" selected="selected">东京热</option>
5         <option>京东热</option>
6     </select>

 

效果如下：

 

2.2、默认只显示一个，可以显示多个

实现方式：在select 标签中 设置size 值

1  <select size="2">
2         <option>北京</option>
3         <option>南京</option>
4         <option value="3" selected="selected">东京热</option>
5         <option>京东热</option>
6     </select>

效果如下：

2.3、默认只能选一个，多选效果

实现方式：在select  中设置multiple 属性

 

1    <select size="2" multiple="2">
2         <option>北京</option>
3         <option>南京</option>
4         <option value="3" selected="selected">东京热</option>
5         <option>京东热</option>
6     </select>

 

选择的时候，安装ctrl

2.4、设置分组选项

说明：通过optgroup标签来实现分组选项，但是组名是不可以选择的

 

 1  <select>
 2         <optgroup label="福建省">
 3             <option>泉州</option>
 4             <option>福州</option>
 5             <option>厦门</option>
 6         </optgroup>
 7         <optgroup label="浙江省">
 8             <option>杭州</option>
 9             <option>温州</option>
10             <option>宁波</option>
11         </optgroup>
12

效果如下

同时也能设置 默认选项。。。参考上面

 

 三、总结

  1. textarea标签        - name属性 ，<textarea>默认值</textarea>
  2. select标签            -name属性 ，内部option value,提交到后台，size，muiltiple

 

posted @ 2018-05-16 16:05  东郭仔  阅读(866)  评论(0)    收藏  举报