【HTML/XML 1】HTML 速成总结

最新推荐文章于 2022-05-12 01:15:00 发布

weixin_30527323

最新推荐文章于 2022-05-12 01:15:00 发布

阅读量75

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hhx626/p/6010438.html

本文通过一个详细的HTML表单示例，介绍了HTML表单的各种元素及其使用方法，包括文本输入、密码输入、单选按钮、复选框、下拉菜单及文本区域等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

导读：反反复复的看完了HTML的速成材料，前面学习了牛腩，所以这块知识只能是作为一种旧知识的复习。和机房重构时的SQLHelper一样，刚开始都是稀里糊涂的用了，后面系统的学习后，才知道为什么要那样用。下面说一下，视频中讲解的知识。

一、总体概览

说明：视频先是介绍了两本书，呃，也可以算是辅助学习的。详细介绍了书的内容体系。然后，开始了HTML的讲解，主要讲解了元素、标签和表单。

二、细化分析

1，HTML框架

2，与段落控制有关的介绍

3，与文本有关的介绍

三、应用实例

1，代码

<span style="font-size:18px;"><span style="font-family:KaiTi_GB2312;font-size:24px;"><html>
<head><title>HHX表单例子</title></head>
<body>
    <form method="get" action="reg.jsp">
        <table>
            <tr>
                <td>用户名：</td>
                <td>
                    <input type="text" name="user" value="游客" size="23" /><br />
                    <br />
                </td>
            </tr>

            <tr>
                <td>用户密码：</td>
                <td>
                    <input type="password" name="pwd" /><br />
                    <br />
                </td>
            </tr>

            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" value="1" checked />男
            <input type="radio" name="sex" value="0" />女<br />
                    <br />
                </td>
            </tr>

            <tr>
                <td>兴趣爱好 ：</td>
                <td>

                    <input type="checkbox" name="interest" value="footbal" />足球
            <input type="checkbox" name="interest" value="basketball" />蓝球
            <input type="checkbox" name="interest" value="volleball" />排球<br />
                    <br />
                </td>
            </tr>

            <tr>
                <td>最高学历：</td>
                <td>
                    <select size="1" name="education">
                        <option value="高中">高中</option>
                        <option value="大学">大学</option>
                        <option value="硕士">硕士</option>
                        <option value="博士">博士</option>
                        <option value="教授">教授</option>
                    </select><br />
                    <br />
                </td>
            </tr>

            <tr>
                <td valign="top">个人简介：</td>
                <td>
                    <textarea name="personal" rows="5" cols="30">个人简介</textarea><br />
                    <br />
                </td>
            </tr>
            <tr>
                <td >  <input type="reset" value="重写" /></td>
                <td > <input type="submit" value="注册" /></td>
            </tr>
        </table>


    </form>
</body>
</html>
</span></span>