表单是什么
表单(form)由文本域、复选框、单选框、菜单、文件地址域、按钮等表单元素组成,所有的部分都包含在一个由标识符标志起来的表单结构中。
表单使用表单标签<form>
定义。
<form> </form>
<form>的常用属性
action :表单提交的地址
method :提交表单的方法,有get和post两种。
<form action="/getInfo" method="get"> </form>
常用表单元素
大多数情况下被用到的表单标签有
<input>,<textarea>(多行文本框),<option>(下拉框),<label>(<input>的标注)等。
常用属性:
type:输入的类型
name:表单的名称
value:表单的内容
输入
多数情况下被用到的表单标签是输入标签<input>
。输入类型是由类型属性type
定义的。大多数经常被用到的输入类型如下:
文本(text)和密码(password)输入
当用户要在表单中键入字母、数字等内容时,就会用到文本域。
<form> uesrname <input type="text" name="uesrname"> password <input type="password" name="password </form>
注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。
单选按钮(radio)
当用户从若干给定的的选择中选取其一时,就会用到单选框。
<form>
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="women">女
</form>
注意,只能从中选取其一。
复选框(Checkbox)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
<form>
<input type="checkbox" name="car" value="car"> 我有车
<input type="checkbox" name="car" value="bike"> 我有自行车
</form>
表单的动作属性(Action)和提交(sumbit)按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
<form name="input"
action="" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
假如您在上面的文本框内键入几个字母,并且点击提交按钮,那么输入数据会被传送到名为 "www.jirengu.com/actiom.html" 的页面。那一页将显示出输入的结果。