– 基于手动编写的html
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--文本框-->
<div>
<form action="javascript:alert('文本框提交')">
姓名: <input type="text" name="username" id="username"><br>
密码: <input type="password" name="pwd" id="pwd"><br>
提交: <input type = 'submit' value="提交" id="submit1"><br>
</form>
<br>
</div>
<!--单选框和多选框-->
<div>
<form action="javascript:alert('单多选框提交')">
性别:
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
<br>
<p>爱好: