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>
<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>
相关文章推荐
- 【麦子学院】02.web前端开发之HTML+CSS基础入门
- Html与CSS快速入门02-HTML基础应用
- 【从入门到放弃】WEB前端之HTML+CSS基础02
- CSS 基础:HTML 标记与文档结构(1)<思维导图>
- 黑马程序员--html和css基础
- HTML与CSS教学-第二章 HTML基础
- 网页编程基础第二章知识点总结——HTML&CSS快速入门
- HTML的DIV+CSS基础排版方式
- 02 CSS基础笔记
- HTML基础:DIV+CSS常见面试题
- HTML和CSS总结(基础版)
- HTML基础(二):css postion 的详细解释
- DIV+CSS布局基础:HTML标记(一)
- 网页制作基础学习——HTML+CSS
- HTML基础(四):CSS中关于背景图的应用技巧,把很多图片聚合的一张图片中
- HTML&&CSS基础框架
- “阿一web标准学堂”第5课:HTML和CSS基础知识(2)(附视频、课件、代码下载)
- “阿一web标准学堂”第4课:HTML和CSS基础知识(1)(附视频、课件、代码下载)
- 黑马程序员_java基础加强—HTML&CSS
- HTML基础(三):图解CSS的padding,margin,border属性