table标签，制作表格注册表

table标签，制作表格注册表

今天复习了一下html，发现在表格，表单这一方面还是不够熟练，所以写了这篇文章，以便复查。
首先，来看看要做成的注册表：

性格测试表，一键生成你的性格表

这里我用标题标签就做出来了，下面的内容可以用表格来做，接着我遇到的问题是单选框怎么做，查阅了资料，写出下面的代码解决

解决表格单选问题

 <tr>
            <td>姓别</td>
            <td><input type="radio" name="sex" id="nan">
                <label for="nan">男</label>
                <input type="radio" name="sex" id="nv">
                <label for="nv">女</label>
            </td>
        </tr>

type=“radio”，name="sex"为单选框，label for=“nan”，id="nan"设置点击文字“男”也能选择。
接下来的日期写法我也查阅了资料，写出以下代码解决

<tr>
            <td>生日</td>
            <td>
             <input type="date">
            </td>
        </tr>

解决日期的选择

简简单单用一行代码解决，date表示input的类型是日期，直接就完成了年月日的设置。
所在地区用到了文本框中有默认文字，使用value="要加的文字"即可解决，代码如下：

<tr>
            <td>所在地区</td>
            <td><input type="text" value="中国大陆"></td>
        </tr>

解决复选和默认选择

接着性格的类型这一行，用到了复选和默认选择，这里我用的是type="checkbox"实现单击复选，checked=“checked”，实现默认选择，代码如下：

<tr>
            <td>性格的类型</td>
            <td><input type="checkbox" name=lei id="keai" checked="checked"><label for="keai">可爱的</label>
                <input type="checkbox" name=lei id="jiji"><label for="jiji">积极的</label>
                <input type="checkbox" name=lei id="chenmo"><label for="chenmo">沉默寡言的</label>
                <input type="checkbox" name=lei id="wenrou"><label for="wenrou">温柔的</label>
                <input type="checkbox" name=lei id="zhongxing"><label for="zhongxing">中性的</label>
            </td>
        </tr>

自我介绍里用到了多行文本框，我用textarea解决；

解决需要输入多行文本

<tr>
            <td>自我介绍</td>
            <td><textarea name="" id="" cols="30" rows="5"></textarea></td>
        </tr>

解决提交按钮

接着是一个提交按钮，用下面代码就可解决；

 <tr>
            <td></td>
            <td><input type="submit" value="免费测试"></td>
        </tr>

这里也是复选加默认选择就可解决，用到的内容可参考前面；
最后是一个超链接就完成了简单的注册表啦

<tr>
            <td></td>
            <td>
                <a href="# ">我是会员，立即登录</a>
            </td>
        </tr>

用到的解决方法都是一些较为基础的东西，但也挺好的，也是解决方法之一，后面复习了css就可对页面进行较为美观的修饰，现在先这样吧~