<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--表单控件 label input textarea-->
<form action="https://www.baidu.com" method="get">
<!--label中的for属性对应的值指向了input标签中的id-->
<lable for="name">姓名：</lable>
<input type="text" name="name1" id="name">
<br>
<label for="password">密码：</label>
<input type="password" name="password1" id="password">
<br>
<!--input表单控件类型设置type=submit-->
<input type="submit" value="提交">
单选：
<input type="radio" name="sex" checked="checked" value="0">男
<input type="radio" name="sex" value="1">女
多选
<input type="checkbox" name="a" value="high">高
<input type="checkbox" name="b" value="rich">富
<input type="checkbox" name="c" value="handsome">帅
下拉框
<select name="name1">
<option value="zs">张三</option>
<option value="ls">李四</option>
<option value="ww">王五</option>
</select>
展开选择框
<select name="name2" multiple>
<option value="zs2">张三</option>
<option value="ls2">李四</option>
<option value="ww2">王五</option>
</select>
<input type="reset" name="" value="重置">
<!--文本域-->
<textarea cols="50" rows="10"></textarea>
<button type="submit">按钮</button>
</form>
</body>
</html>
python全栈笔记-前端1.08_表单的使用
猜你喜欢
转载自blog.csdn.net/weixin_37267713/article/details/82530350
今日推荐
周排行