html:单选框的name的值必须一致复选框的name没有要求可以一样
input type="test"文本输入框 input type="password"密码输入框 <textarea cols="" rows"">请输入文字</textarea>大段文字的文本框输入 cols是行 rows是列。
<textarea class="hl">请输入文字</textarea>用css的方式改变行列 .hl{width:50px;height:50px} input type="submit" value="确定" input type="reset" value="重置" value的值是按钮显示的字 label for="控件的id名称" for里面的控件名称必须和控件的id的属性值相同
与后台的交互使用表单标签<forn> <form method="text/post" action="xxx.php" method是传送方式由后台决定 action是传送的位置 "里面是服务器文件"
<input type="radio" name="" value=""/>文字 这是单选框的语法 同一个单选的框内的几个语句中name的值必须是一样的。
例:你是男人还是女人?
<input type="radio" name="male" value="man"/>男人
<input type="radio" name="male" value="woman"/>女人
多选框
<input type="checkbox" name="" value="'/> 这是多选的写法 他们的name的值不一样。
例: 你喜欢的运动有什么?
<input type="checkbox" name="ball" value="sport1"/>篮球
<input type="checkbox" name="swim" value="sport2"/>游泳
<input type="checkbox" name="football" value='sport3"/>足球
单选下拉框:
<option value=''>选项</option> value的值是向服务器提交的值 选项是在页面中显示的值。
要是选择传输数据的话需要用到<form>来与后太进行交互。在value的后面加入selected="selected"会被选为默认选项。
例:<form method="post" action="sss.php">
<label>你现在几年级?</label>
<select>
<option value='first'>一年级</option>
<option value='second'>二年级</option>
<option value='third'>三年级</option>
<option value='fouth'>四年级</option>
</select>
多选下拉框相对于单选下拉框只需要在<select>这个标签内加入multiple="multiple"
就可以实现多选 想选择多个选项时只需要Ctrl+鼠标左键即可。
<label>本身没有含义 但是label标签可以通过语法的方式来方便鼠标用户的操作 语法是<label for="控件的ID名称>选项</label>
就是当鼠标点击到label标签内部的时候直接就可以触发控件。