HTML(四)Form标签

时间:2021-10-11 09:05:02

<form>…</form>    定义供用户输入的 HTML 表单

例子

<html>

<body>

<form method="get" action="">

username:<input type="text" name="username" value=“请输入用户名”>  //输入框,name数据名(name发往后端的数据名,输入内容为发往后端的数据值,value为输入框提示)

password:<input type="password" name="password" value=“请输入密码”>  //密码框

<input type="submit" value="login">  //提交框,value 修改的名称

1.小贝<input type="radio" name="喜欢的球星" value="xiaobei"> //单选框radio,name确定是否同一个选择题,value数据值(name发往后端的数据名,value发往后端的数据值)

2.小罗<input type="radio" name="喜欢的球星" value="xiaoluo">

<h>

你喜欢吃的水果!

</h>

1.apple<input type="checkbox" name="fruit" value="apple" checked="checked"> //多选框checkbox,checked默认选中

2.orange<input type="checkbox" name="fruit" value="orange">

3.banana<input type="checkbox" name="fruit" value="banana">

<h1>Province</h1>

<select name="Province"> //下拉菜单

<option>beijing</option>

<option>jiangsu</option>

<option>zhejiang</option>

</select>

</form>

</body>

</html>

1、输入框

name 发往后端的数据名,输入内容为发往后端的数据值

value 为输入框提示

2、密码框

3、提交框

4、单选框

5、复选框

6、默认选中

7、select组件,下拉框