表单制作

作者: 逍遥_9353 | 来源:发表于2019-03-13 07:56 被阅读0次

题目:

      制作一个用户注册的界面如图所示

表单制作

代码:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>用户注册界面</title>

</head>

<body>

<h1>用户注册</h1>

<form action="do.php" method="post">

<table border="1">

        <tr>

            <td >用户名</td>

            <td>

                <input type="text" name="username" id="uid" required="required"/>

            </td>

        </tr>

        <tr>

            <td>密码</td>

            <td>

                <input type="password" name="pwd" id="pwd" required="required">

            </td>

        </tr>

        <tr>

            <td>确认密码</td>

            <td>

                <input type="password2" name="pwd2" id="pwd2" required="required"/>

            </td>

        </tr>

        <tr>

            <td>性别</td>

            <td>

                <label><input type="radio" name="sex" value="1" checked="checked"/>男</label>

                <label><input type="radio" name="sex" value="0"/>女</label>

            </td>

        </tr>

      <tr>

            <td>邮箱</td>

            <td>

                <input type="email" name="" id="">

            </td>

        </tr>

        <tr>

            <td>身份</td>

            <td>

                <select>

                    <option value="学生">学生</option>

                    <option value="教师">教师</option>

                </select>

            </td>

        </tr>

        <tr>

            <td>自我介绍</td>

            <td>

              <textarea name="intro" id="" cols="30" rows="10"></textarea>

            </td>

        </tr>

        <tr>

            <td colspan="2">

                <input type="submit" value="注册">

                <input type="reset" value="重填">

            </td>

        </tr>

</form>

</body>

</html>

相关文章

  • 2018-07-17前端表单制作

    一 表单制作(form) 1.表单制作元素 列如 < title>元素表单 ...

  • 表单制作

    题目: 制作一个用户注册的界面如图所示 代码: 用户注册界面 用户...

  • 微信小程序表单制作流程

    微信小程序表单制作流程,小程序表单制作方法大全 功能介绍 在日常生活中表单的使用非常的普遍,通常可以用于用户注册、...

  • 常见运营工具一览

    表单工具:vote8/金数据/问卷星/表单大师等;用于问卷、报名、登记、预约、订单,甚至是考试表单制作,表单数据收...

  • WEBFORM表单的克隆

    webform是用于表单配置和生成的模块。利用它,可轻松实现调查表单、报名表单、注册表单等制作。在Drupal中,...

  • Vue制作良好交互的信用卡表单

    这是使用 Vue 制作的信用卡制卡表单,该表单的交互设计出色,除了表单之外,还有一张示例卡,在表单里输入任何信息,...

  • Form表单制作

    表单用来收集用户信息,诸如姓名、性别,联系方式等等。制表单用input标签,性别的地方加name=sex,确保性别...

  • Form 表单简单介绍

    form表单有什么作用? 根据需制作包含表单元素的表单,用户填写后,表单会收集数据并传输到服务器存储,用于开发者查...

  • 金数据表单设计的 INVEST 原则

    新手用户在学会制作表单之后,往往很兴奋地开始制作「大而全」的表单。这么做可能降低填写率,进而影响到企业品牌。 金数...

  • 如何在微信公众平台加入麦客表单 ?

    准备工作:获取表单链接 当你根据自己的需要完成了一张表单的制作后,通过发布表单就可以得到表单的访问链接,一般的链接...

网友评论

    本文标题:表单制作

    本文链接:https://www.haomeiwen.com/subject/rrmapqtx.html