HTML表单(Form)
1.表单控件(Form Controls)
常用控件：
| input type="text" | 单行文本输入框 |
| input type="submit" | 将表单(Form)里的信息提交给表单里action所指向的文件 |
| input type="checkbox" | 复选框 |
| input type="radio" | 单选框 |
| select | 下拉框 |
| textArea | 多行文本输入框 |
| input type="password" | 密码输入框(输入的文字用*表示) |
2.Action
3.Method 发送表单信息的方式,两个值：get(取得和显示数据)和post(数据的保存和更新)
单行文本输入框
<form action="" method="">
请输入你的姓名：
<input type="text" name="yourname">
<input type="submit" value="提交">
</form>
复选框
<form action = "" method = "post">
<input type="checkbox" name="fruit" value ="1" >1<br>
<input type="checkbox" name="fruit" value ="2">2<br>
<input type="checkbox" name="fruit" value ="3">3<br>
<input type="submit" value="提交">
</form>
单选框
<form action = "" method = "post">
<input type="radio" name="fruit" value = "1">1<br>
<input type="radio" name="fruit" value = "2">2<br>
<input type="radio" name="fruit" value = "3">3<br>
<input type="submit" value="提交">
</form>
用checked表示缺省已选的选项
<input type="radio" name="fruit" value = "2" checked>2<br>
下拉框(单选)
<form action = "" method = "post">
你最喜欢的是：
<select name="number" >
<option value="1">1<option value="2">2<option value="3">3</select>
<input type="submit" value="提交">
</form>
下拉框(复选)
<select name="number" multiple>用size属性来改变下拉框(Select)的大小
<select name="number" size = "1" multiple>
多行输入框
<form action="" method="get">
请提意见：<br>
<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>
<br>
<input type="submit" value="提交">
</form>
密码输入框
<input type="password" name="yourpw">
提交
<input type="submit" value="提交">
图片提交
<input type="image" src ="" alt = "提交" NAME="imgsubmit">
加为好友
