您的位置:首页 > Web前端 > CSS

Html+Css基础02

2017-03-23 15:08 435 查看
1:textarea是文本区域的意思cols是可见宽度 rows是可见高度 行的意思

<div>
<!-- 文本域 -->
<h2 id="grjj">个人简介</h2>
<textarea cols="90" rows="10">在这里输入...</textarea>
<button>提交</button>
<button type="reset">重置</button>
</div>

2:单选框和复选框
这里要注意的就是你选择的时候有的时候是单选 只能选中一个,有的时候是多选。比如下面的两个问题
第一个是单选 只能选中一个 选了一个另一个就不可以选择。单选是 type="radio" ,几个选项 name=""值要相等, chechked="chechked" 是默认选中。
而喜欢的运动可以选择多个。type="checkbox" name=""不相等就可以。
div>
<!-- 单选框 复选框 -->
<form>
你是否喜欢旅游?请选择:<br />
<input type="radio" value="喜欢" checked="checked" name="ly"/>喜欢
<input type="radio" value="不喜欢" name="ly" />不喜欢
<input type="radio" value="无所谓" name="ly" />无所谓<br />
你喜欢那一项运动?请选择:<br />
<input type="checkbox" value="足球 " name= "yd1"/>足球
<input type="checkbox" value="马拉松 " name="yd2" />马拉松
<input type="checkbox" value="滑雪 " name="yd3" />滑雪
<input type="checkbox" value="30M射击 " name="yd4" />30M射击
</form>
</div>3.下拉列表框

1、value:





2、selected="selected":

设置selected="selected"属性,则该选项就被默认选中。
<div>
<!-- 下拉列表框 -->
<form action="save.php" method="post">
<label>爱好:</label>
<select>
<option value="看书">看书</option>
<option value="旅游">旅游</option>
<option value="运动">运动</option>
<option value="购物" selected="selected">购物</option>
</select>
</form>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: