目录

前提须知：

一、表格建立之前：

二、表格的建立：

三、信息表的内容填充：

 1.昵称 和 电话 ：

2.密码：

3.性别：

4. 爱好：

5.民族：

6. 出生日期：

7.博客网址：

8.邮箱：

9. 文件上传：

10.幸运色：

11.留言板：

12.确认按钮和重置按钮：

---

前提须知：

如何使用记事本制作一个简陋的小网页（2）——表格的建立-CSDN博客https://blog.csdn.net/2301_76445610/article/details/133417340

一、表格建立之前：

在表格建立之前需要使用<form></form>以此才能将信息表内的信息进行表达。

二、表格的建立：

使用<table></table> <tr></tr> <td></td>对表格进行一个框架的完善和修补

三、信息表的内容填充：

 1.昵称 和 电话 ：

•  input 是一种表格内部语法的头部标识，而type是对这种标识的一种类型。

<input type="text" placeholder="请输入昵称" size="25" pattern="^[\u4e00-\u9fa5]{4,10}" title="输入4到10个汉字"autofocus required/>

• text是一种文本框，二placeholder是一个灰色的提示 

• size 是表示文本框的长度，pattern是一种规则，规则规定只能输入 4到10个汉字，而title是一种输入错误的提醒。

同样电话功能也是如此：

 

2.密码：

 password 是密码框，用来隐藏密码，同时也有着显示密码的功能，隐藏密码通常是实心圆和*

3.性别：

radio 是一种单选框，value 是一种值域的设置，name是一种域名值，属于同一组单选框的必须要相同。

同时单选框，是只能选择一个的。

4. 爱好：

在这里，我们选用checkbox 这是复选框 ，而在复选框中的name 表示的是一种排序

同理，复选框是可以进行多个选择的。

5.民族：

• <select></select>这时一个列表元素，而name 是列表的名字
• 如果在<select>后面加上 size 和 multilpe <select size = "5"  multilpe> 表示的是多选项列表，可以选择五个选项最多。
• 而图中的代码则是表示下拉列表，其中的value 是表示列表中的排位 （多选项列表也是如此功能）

  

6. 出生日期：

date是一个日历表。

7.博客网址：

• url是生成一个网址输入框，placheholder是一个提示，value是将网址的前缀打出，规定我们必须要在这个域名输入

 

8.邮箱：

email 是 生成一个E-mail 输入框，它会辨别输入的内容是否是邮箱的网址。 

9. 文件上传：

• file 是 一个文件域，文件域可以将本地文件进行上传

10.幸运色：

• color 是创建一个RGS的调色，不过默认是黑色。

11.留言板：

• <textarea></textarea>是创建一个文本区域，rows 是行数，cols 是字符数也是列数。

12.确认按钮和重置按钮：

• submit是创建一个按钮，value是为整个确认按钮命名
• 如果，没有使用value则默认的名字是提交

而reset是一个重置内容的按钮。 

 注意这两个代码是在表格之后的！

---