html表单


表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(<form>)定义。
表单必须的属性:action , method
action URL 当确认按钮被按下时,接受和处理表单数据的 URL。
method get post 用于向 action URL 传送数据的 HTTP 方法。默认为 get,在jsp中最好使用post。

1,form表单复选框。(input type="checkbox")
<form>
I have a bike:
<input type="checkbox" name="Bike">
I have  a car:
<input type="checkbox" name="car">
</form>

2,form 表单文本域。(input type="text")
<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>

3,form 表单密码域。(input type="password")
<form>
Username:
<input type="text" name="user">
<br>
Password:
<input type="password" name="password">
</form>

密码域input type="password"

4,form表单单选按钮。(input type="radio")
<form>
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
</form>

5,form表单简单下拉列表。(select 嵌套option)
<form>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

6,form表单有默认选项的下拉列表。(option selected="selected")
<form>
<select>
<option value="volvo" selected="selected">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

7,form表单创建按钮。(input type="button")
<form>
<input type="button" value="hello">
</form>

8,form表单提交复选框信息。
<form name="input" action="/html/html_form_action.asp" method="get">
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" checked="checked" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
<br /><br />
<input type="submit" value="Submit" />
</form>
<p>如果您点击 "Submit" 按钮,您将把输入传送到名为 html_form_action.asp 的新页面。</p>

9,form表单的提交和重置按钮。
<input type="submit" value="Send">
<input type="reset" value="Reset">

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值