1.表单form（form+tab）
我们要利用制作一个简单的注册页面。代码如下：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表单</title>
</head>
<body>
<h1>注册</h1>
<!--
form表单
action：表单提交的位置，可以是网站，也可以是一个请求处理的地址
method：post get提交方式
-->
<form action="1.我的第一个网页.html" method="get">
<!--get提交方式-->
<!--文本框输入input type=“text”--><p>名字：<input type="text" name="username"></p><p>密码：<input type="password" name="pwd"></p>
</form>
</body>
</html>
我们可以看到生成了一个简单的注册窗口。其中
form表单
action：表单提交的位置，可以是网站，也可以是一个请求处理的地址
method：post get提交方式
post：安全，可传输大文件。
get：不安全，效率高，不可传输大文件。
在这里我们也运用了input文本框输入，正是input才生成了可以输入数字字母等的文本框。
文本框type里面的text和password不同。text输入会直接显示，而password会把输入内容变成小黑点来隐藏内容进行加密。
这样只有文本框来进行输入，但是没有选项进行提交。这就还需要我们的input
<input type="submit">
<input type="reset">用这两个生成提交和重置按钮。
修改后代码为：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表单</title>
</head>
<body>
<h1>注册</h1>
<!--
form表单
action：表单提交的位置，可以是网站，也可以是一个请求处理的地址
method：post get提交方式
-->
<form action="1.我的第一个网页.html" method="get">
<!--get提交方式-->
<!--文本框输入input type=“text”--><p>名字：<input type="text" name="username"></p><p>密码：<input type="password" name="pwd"></p><p>
<!-- submit提交 reset重置 --><input type="submit"><input type="reset"></p>
</form>
</body>
</html>
这样便生成了一个简单完整的注册表单。
2.注意
我们在上述使用的提交方式为get，get效率高但是get的缺点就是不安全，在url中可以看到我们提交的内容这样是不安全的，多数情况下我们还是使用post提交。
3.对文本框进行初始值设定，文本框长度设定，以及文本框最多输入字符设置
value：默认初始值
maxlength：最多输入多少字符
size：文本框长度
<p>名字：<input type="text" name="username" value="请输入用户名" maxlength="8" size="20"></p>
<p>密码：<input type="password" name="pwd" maxlength="16" size="20"></p>
经过这样的修改后代码为：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表单</title>
</head>
<body>
<h1>注册</h1>
<!--
form表单
action：表单提交的位置，可以是网站，也可以是一个请求处理的地址
method：post get提交方式
-->
<form action="1.我的第一个网页.html" method="get">
<!--get提交方式-->
<!--文本框输入input type=“text”-->
<!--
value：默认初始值
maxlength：最多输入多少字符
size：文本框长度
--><p>名字：<input type="text" name="username" value="请输入用户名" maxlength="8" size="20"></p><p>密码：<input type="password" name="pwd" maxlength="16" size="20"></p><p>
<!-- submit提交 reset重置 --><input type="submit"><input type="reset"></p>
</form>
</body>
</html>4.单选文本框（注册文本框下面加入性别选择——单选）
inpute type=”radio“
value：单选框的值
name：代表组
我们看一下修改后的代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表单</title>
</head>
<body>
<h1>注册</h1>
<!--
form表单
action：表单提交的位置，可以是网站，也可以是一个请求处理的地址
method：post get提交方式
-->
<form action="1.我的第一个网页.html" method="get">
<!--get提交方式-->
<!--文本框输入input type=“text”-->
<!--
value：默认初始值
maxlength：最多输入多少字符
size：文本框长度
--><p>名字：<input type="text" name="username" value="请输入用户名" maxlength="8" size="20"></p><p>密码：<input type="password" name="pwd" maxlength="16" size="20"></p>
<!-- 单选框标签
inpute type=”radio“
value：单选框的值
name：代表组
--><p>性别：男 <input type="radio" value="boy" name="sex">女<input type="radio" value="girl" name="sex"></p><p>
<!-- submit提交 reset重置 --><input type="submit"><input type="reset"></p>
</form>
</body>
</html>name代表组，如果不加name那么就可以进行多选，如上加入name且组都为sex才为单选，若不一样仍可以多选。我们在进行单选框设置时要保证name表示同一组。
