微学网

热门关键词:   as  thinkphp  ecshop  xxx  php分页  商务通
热门: ASP.NET PHP编程 ASP编程 JSP编程 Python

HTML表单概念、语法及创建表单,案例

发布时间:2020-03-07 来源:未知 点击:

form 标签

Input标签的type属性值

 

 单行文本域 <input type="text" />

 

 图像域(图像提交按钮)

 

 

下拉菜单和列表标签

 

 select 标签属性

 

 form 标签

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1 align="center">注册信息</h1>
    <hr color="#336699" />
    <form action="action.php" method="post" name="reg" enctype="multipart/form-data">
        <table width="600px" bgcolor="#f2f2f2" align="center">
            <tr>
                <td align="right">姓名:</td>
                <td><input type="text" name="username" size="25" maxlength="6" placeholder="请输入姓名" /></td>
            </tr>
            <tr>
                <td align="right">邮箱:</td>
                <td><input type="text" name="email" value="@163.com" /></td>
            </tr>
            <tr>
                <td align="right">密码:</td>
                <td><input type="password" name="password" size="25" maxlength="6" placeholder="请输入密码" /></td>
            </tr>
            <tr>
                <td align="right">确认密码:</td>
                <td><input type="password" name="repassword" size="25" maxlength="6" placeholder="请再次输入密码" /></td>
            </tr>
            <tr>
                <td align="right">上传照片:</td>
                <td><input type="file" nanem="file" /></td>
            </tr>
            <tr>
                <td align="right">性别:</td>
                <td><input type="radio" name="gender" value="0">&nbsp;<input type="radio" name="gender" value="1">&nbsp;
                    保密<input type="radio" name="gender" value="2" checked>
                </td>
            </tr>
            <tr>
                <td align="right">爱好:</td>
                <td>
                    读书<input type="checkbox" name="hobby" value="0">&nbsp;
                    跳舞<input type="checkbox" name="hobby" value="1">&nbsp;
                    唱歌<input type="checkbox" name="hobby" value="2">&nbsp;
                </td>
            </tr>
            <tr>
                <td align="right">城市:</td>
                <td>
                    <!-- 下拉菜单 -->
                    <select name="city" id="city">
                        <option value="null">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2" selected>广州</option>
                        <option value="3">深圳</option>
                    </select>
                    <!-- 列表展示 -->
                    <select name="city2" id="city2" size="3" multiple>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                    </select>
                    <!-- 分组下拉菜单 -->
                    <select name="city3" id="city3">
                        <option value="null">--请选择--</option>
                        <optgroup label="g1">
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                        </optgroup>
                        <optgroup label="g2">
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                        </optgroup>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="right">简介:</td>
                <td>
                    <textarea name="about" id="about" cols="50" rows="6" placeholder="请输入个人简介"></textarea>
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <input type="button" value="来点我" name="button">
                    <input type="submit" name="submit">
                    <input type="reset" name="submit">
                    <input type="image" name="imageBtn" src="button.png" width="70px">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="hidden" name="hidden" value="注册信息补充" />
                </td>
                <td></td>
            </tr>
        </table>
    </form>
</body>
</html>

这就是微学网-程序员之家为你提供的"HTML表单概念、语法及创建表单,案例"希望对你有所帮助.

上一篇:搭建网页HTML结构

下一篇:没有了

网络编程 | 前端制作 | 数据库 | CMS教程 | 脚本编程 | 框架 | 微信公众号 | 小程序 | 服务器 | APP开发 |

凡本网站转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和本网站联系。 我们会在第一时间内采取措施,避免给双方造 成不必要的损失。
© 2015-2018 微学网 版权所有,并保留所有权利。 备案号:粤ICP备09051474号-1

电脑版 | 移动版