Just touched the front-end HTML, practice and record the program.
The following is a small exercise for collating and summing up HTML tables.
IDE: The
main framework of VScode is automatically generated, and write content for yourself in the body.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>html表单练习</title>
</head>
<body>
<form action="" method="get">
邮箱地址：<input type="text" placeholder="请输入邮箱地址" />@
<select name="email">
<option value="qq">qq.com</option>
<option value="wangyi">163.com</option>
<option value="google">gmail.com</option>
</select>
<br /><br />
密码：<input type="password" />
<br /><br />
性别：<input type="radio" name="gender" checked />男
<input type="radio" name="gender" />女
<br /><br />
验证码：<input type="text" />
<img src="img/yanzhengma" width="100" height="50" title="这是验证码" />
<br /><br />
<!--<input type="button" value=""/>-->
<button>更换验证码</button>
<br /><br />
备注：<textarea name="" id="" cols="30" rows="10"></textarea>
<br /><br />
<input type="checkbox" />同意<a href="text/hi.html">"隐私条款"</a>和"隐私权相关政策"
<br /><br />
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</form>
</body>
</html>
Summary:
1. Tags are used to create HTML forms for user input.
① The action attribute of the tag specifies where to send the form data when the form is submitted.
② The method attribute of the tag specifies how to send the form data. There are two main types of get and post. The get method is to directly fill the URL, and the post method is to establish contact with the form specified by the action attribute, and then transmit the data to the server in segments.
