【尚硅谷 Java Web 笔记】表单格式化

最新推荐文章于 2024-06-11 20:48:47 发布

端木翠花

最新推荐文章于 2024-06-11 20:48:47 发布

阅读量176

点赞数

分类专栏： Java Web学习文章标签： html javaweb

本文链接：https://blog.csdn.net/qq_54110690/article/details/122695892

版权

Java Web学习专栏收录该内容

32 篇文章 2 订阅

订阅专栏

为了让表单的显示更加美观，我们可以对表单进行格式化。

表单的格式化可以借助table——表格来实现。

<!DOCTYPE html>

<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <title>表单格式化</title>
</head>

<body>

<form>
    <h1 align="center">用户注册</h1>
    <table align="center">
        <tr>
            <td>用户名称：</td>
            <td>
                <input type="text"/>
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input type="password"/>
            </td>
        </tr>
        <tr>
            <td>确认密码：</td>
            <td>
                <input type="password"/>
            </td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="sex"/>男
                <input type="radio" name="sex"/>女
            </td>
        </tr>
        <tr>
            <td>兴趣爱好</td>
            <td>
                <input type="checkbox"/>Java
                <input type="checkbox"/>JavaScript
                <input type="checkbox"/>C++
            </td>
        </tr>
        <tr>
            <td>国籍</td>
            <td>
                <select>
                    <option>---请选择国籍---</option>
                    <option selected>中国</option>
                    <option>美国</option>
                    <option>韩国</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>自我评价</td>
            <td>
                <textarea rows="10" cols="20">（请在以下空白处填写自我评价）</textarea>
            </td>
        </tr>
        <tr>
            <td align="right">
                <input type="reset"/>
            </td>
            <td align="center">
                <input type="submit"/>
            </td>
        </tr>
    </table>
</form>
</body>

</html>

运行结果：

端木翠花

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【尚硅谷 Java Web 笔记】表单格式化

为了让表单的显示更加美观，我们可以对表单进行格式化。表单的格式化可以借助table——表格来实现。<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>表单格式化</title></head><body><form> <h1 align="center"&g
复制链接

扫一扫