Html+Css基础02

1：textarea是文本区域的意思cols是可见宽度 rows是可见高度 行的意思

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

	这里要注意的就是你选择的时候有的时候是单选 只能选中一个，有的时候是多选。比如下面的两个问题
	第一个是单选 只能选中一个 选了一个另一个就不可以选择。单选是 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>