HTML 表单 (Form) 是 HTML 的一个重要部分,主要用于采集和提交用户输入的信息。
一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:
<form action="form_action.asp" method="get">
First name:
<input type="text" name="fname" />
Last name:
<input type="text" name="lname" />
<input type="submit" value="Submit" />
</form>
HTML 表单 (Form) 常用控件 (Controls)
HTML 表单 (Form) 常用控件有:
input type="text" 单行文本输入框
input type="submit" 将表单 (Form) 里的信息提交给表单里 action 所指向的文件
input type="checkbox" 复选框
input type="radio" 单选框
select 下拉框
textArea 多行文本输入框
input type="password" 密码输入框 (输入的文字用 * 表示 )
表单控件 (Form Control) :单行文本输入框 (input type="text")
单行文本输入框允许用户输入一些简短的单行信息,比如用户姓名。例句如下:
<input type="text" name="yourname">
表单控件 (Form Control) :复选框 (input type="checkbox")
复选框允许用户在一组选项里,选择多个。示例代码:
<input type="checkbox" name="fruit" value ="apple"> 苹果 <br>
<input type="checkbox" name="fruit" value ="orange"> 桔子 <br>
<input type="checkbox" name="fruit" value ="mango"> 芒果 <br>
用 checked 表示缺省已选的选项。
<input type="checkbox" name="fruit" value ="orange" checked> 桔子
<br>
表单控件 (Form Control) :单选框 (input type="radio")
使用单选框,让用户在一组选项里只能选择一个。示例代码:
<input type="radio" name="fruit" value = "Apple"> 苹果 <br>
<input type="radio" name="fruit" value = "Orange"> 桔子 <br>
<input type="radio" name="fruit" value = "Mango"> 芒果 <br>
用 checked 表示缺省已选的选项。
评论0
最新资源