下拉列表和按钮
2,512 阅读
<body>
<form action=""> <!-- action属性就是表示表单将提交到哪里 method属性表示用什么http方法提交 有get post两种方式 -->
<p> <!-- 多选框 -->
<select name="" id=""> <!--select 选择的意思-->
<option>A</option> <!--option 选项-->
<option>B</option>
<option>C</option>
<option>D</option>
</select>
</p>
<p> <!-- 三种按钮 -->
<textarea cols="30" rows="10"></textarea> <!--这个标签是指文本域 里面不用写东西 输入的文本是默认值 cols表示columns 列 rows表示rows 行-->
</p>
<p>
普通按钮
<input type="button" value="普通按钮" /> <!--普通按钮 button 按钮 value 按钮上显示的文字-->
</p>
<p>
<input type="submit" /> <!-- submit 提交 按钮不需要value就自带提交文字 点击之后会自动提交到 form标签的action属性中的链接地址 -->
</p>
<p>
<input type="reset"/> <!-- reset 复位 重置按钮 -->
</p>
<p> <!-- label标签 -->
请选择性别 <!-- label标签通过for属性和input的id和input绑定 -->
<input type="radio" name="sex" id="1" /><label for="1">男</label>
<input type="radio" name="sex" id="2" /><label for="2">女</label>
</p>
<p> <!-- 默认被选择的选项可以加上 checked="checked" -->
<input type="radio" name="" checked="checked" />
<input type="radio" name=""/>
</p>
</form>
</body>
