## 表单控件合集
因为前面太执着于自己的想法了,所以学的知识有点跳跃,老师的知识点还没琢磨透彻就想着自学新的东西,所有今天想着有时间整理一下表单控件:
元素定义 HTML 表单:
fieldset:标签,组合表单中的相关元素(一般和legend一起用)
legend:整个表的标签,组合表单中的相关元素
HTML 表单包含表单元素(如不同类型的 input 元素、复选框、单选按钮、提交按钮等等);
input元素:type可以有多个类型
例如:
text :常规文本输入
radio :单选按钮输入
submit :提交按钮
password:密码输入
reset:重置按钮
checkbox:复选框
label元素:单个元素的标签
Name 属性:如果要正确地被提交,每个输入字段必须设置一个 name 属性
如果不写name属性,那么该输入将不会被提交
select元素(下拉列表框)
option为下拉列表项,selected为其中属性,表示默认选中;
textarea元素:定义多行输入字段文本域
maxlength 属性规定输入字段允许的最大长度
button:定义可点击的按钮
源码:
<html>
<head>
<title>表单控件合集
</title>
</head>
<body>
<form>
<fieldset>
<legend>Table </legend>
<label>input your name:</label><br>
<input type="text" name="iyn" value="hh"><br><br>
<label>please write your dream:</label><br>
<textarea maxlength="300"></textarea><br>
<button>
nice!
</button><br>
<input type="submit" value="提交"><br><br>
<select name="city">
<option value="贵阳">贵阳</option>
<option value="伦敦">伦敦</option>
<option value="巴黎">巴黎</option>
<option value="大连">大连</option>
</select><br>
<input type="radio" name="xmc" checked>xmc</input><br>
<input type="radio" name="wjl">wjl</input>
</fieldset>
</form>
</body>
</html>
效果图: