美文网首页
Python3学习:HTML表单

Python3学习:HTML表单

作者: 虞锦雯 | 来源:发表于2017-11-28 20:01 被阅读3次

HTML表单用于从客户端收集用户在浏览器中的输入,是HTML实现客户端与服务器交互的核心方法。

一、文本输入

分类 标签
单行文本 <input type="text">
多行文本 <textarea>
密码框 <input type="password">

二、单项选择

分类 标签
单选按钮 <input type="radio">
下拉列表 <select>/<option>

三、多项选择

标签:<input type="checkbox">

四、文件上传

标签:<input type="file">

五、边框

标签:<fieldset>

六、集成练习

用户注册界面

<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
    <from name="input" action="url_from_action">
        <fieldset>
            <legend>用户注册</legend>
            <!----------此处放置所有的输入控件----------->
            <table>
            <!----------文本输入----------->
                <tr>
                    <td>用户名:</td>
                    <td><input type = "text" name = "name"></td>
                    <td>密码:</td>
                    <td><input type = "password" name = "pass"></td>
                </tr>
                <tr>
                    <td colspan = "2">备注:</td>
                </tr>
                <tr>
                    <td colspan = "4"><textarea name = "comment" rows = "5" cols = "60"></textarea></td>
                </tr>
                <!----------单选按钮----------->
                <tr>
                    <td>性别:</td>
                    <td>男性<input type="radio" checked ="checked" name ="Sex" value="male" /></td>
                    <td>女性<input type="radio" name="Sex" value="female" /></td>
                </tr>
                <!----------下拉菜单----------->
                <tr>
                    <td>学历:</td>
                    <td colspan="2">
                        <select name="grade">
                            <option value="middle_school">高中及以下</option>
                            <option value="high_school">专科</option>
                            <option value="bachlor" selected="selected">本科</option>
                            <option value="master">研究生及以上</option>
                        </select>
                    </td>
                </tr>
                <!----------多项选择----------->
                <tr>
                    <td rowspan="2">兴趣爱好:</td>
                    <td>运动:<input type="checkbox" name="sport"></td>
                    <td>电影:<input type="checkbox" name="movie"></td>
                    <td>音乐:<input type="checkbox" name="music"></td>
                </tr>
                <tr>
                    <td>编程:<input type="checkbox" name="programming"></td>
                    <td>下厨:<input type="checkbox" name="cooking"></td>
                    <td>旅游:<input type="checkbox" name="tour"></td>
                </tr>
                <!----------文件上传----------->
                <tr>
                    <td>头像上传:</td>
                    <td><input type="file" name="pic" accept=".png,.jpg,.gif"></td>
                </tr>
            </table>
            <input type="submit" value="提交">
        </fieldset>
    </from>
</body>

运行效果图如下:


用户注册界面.PNG

相关文章

  • Python3学习:HTML表单

    HTML表单用于从客户端收集用户在浏览器中的输入,是HTML实现客户端与服务器交互的核心方法。 一、文本输入 二、...

  • 2019-10-24 表单标签

    今天学习了html表单 HTML表单(

    标签) 属性: 1 action:决定表单提交的地...

  • HTML表单学习

    一、post与get方式提交数据的区别 post是向服务器传送数据,get是从服务器获取数据。 post是通过HT...

  • 使表单结构化

    引言 在学习过第一个HTML表单后,我们将详细讲述构成一个表单的不同部分。HTML表单的灵活性使它成为HTML文档...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • HTML表单的用法

    html表单用于搜集不同类型的用户输入。

    元素 form元素定义html表单 HTML 表单包含表单元...

  • HTML学习笔记(四)

    一:HTML 表单 HTML 表单用于搜集不同类型的用户输入。 元素 HTML 表单用于收集用户输入。 HTML ...

  • HTML 表单的用法

    HTML 表单用于搜集不同类型的用户输入 元素定义 HTML 表单: 所有属性如下 HTML 表单包含表单元素表...

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

网友评论

      本文标题:Python3学习:HTML表单

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