HTML5中输⼊框下拉菜单
输⼊框下拉菜单
单选框
1.单选框代码
需要注意的是单选框name值需保持⼀致
样式：
复选框
2.复选框代码
如需要进⾏form表单提交 则需要name的属性⼀样
样式：
⽂本框
3.⽂本框代码⽰例
代码运⾏界⾯样式：
⽂本域
4.⽂本域代码⽰例
注意点：
rows相当于height ， cols相当于width
若想设置为禁⽌拖动则添加代码
代码运⾏⽰例：
<span >性别：</span >            <input name ="sex " value ="" type ="radio ">男            <input name ="sex " value ="" type ="radio ">⼥
1
2
3 <span >喜欢的类型：</span >    <input type ="checkbox ">妩媚的    <input type ="checkbox ">可爱的    <input type ="checkbox ">⼩鲜⾁    <input type ="checkbox ">⽼腊⾁    <input type ="checkbox ">都喜欢
1
2
3
4
5
6 <span >所在地区：</span >    <input type ="text ">
1
2 <span class ="te2">⾃我介绍：</span >    <textarea rows ="2" cols ="21"></textarea >
1
2<textarea  style ="resize :none ;"></textarea >
1
下拉菜单
5.下拉菜单代码⽰例：
注意点：disabled selected hidden 这是设置下拉菜单默认提⽰⽂字代码运⾏演⽰：<select name ="" id ="">        <option value ="" disabled  selected  hidden >--请选择⽉--</option >        <option value ="">1</option >        <option value ="">2</option >        <option value ="">3</option >        <option value ="">4</option >        <option value ="">5</option >        <option value ="">6</option >        <option value ="">7</option >        <option value ="">8</option >        <option value ="">9</option >        <option value ="">10</option >        <option value ="">11</option >        <option value ="">12</option >    </select >
1
2
3
4
5
6
7
8
9
html下拉菜单的制作方法10
11
12
13
14
15

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。