zoukankan      html  css  js  c++  java
  • __x__(44)0910第六天__表单

    form表单:

    form必须属性:action,指定一个服务器地址。

    若希望表单中的数据发送给服务器,必须设置name属性。

    用户填写的信息,将会追加在url地址?后面查询字符串的形式发送给服务器,以“&”隔开。

     

    网页用表单来向服务器提交信息

     

    最常见的百度一下

    键入关键字,点击搜索,

    浏览器将关键字通过表单提交到服务器,

    服务器处理表单数据,并响应。


     

    简单的表单实例:


    html代码:

    <!doctype html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>表格</title>
            
            <link rel="stylesheet" type="text/css" href="css/form.css" />
        </head>
    
        <body>
            Hello Web!`    <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            form 是<b>块元素</b>,独占一行。
            
            <div >
                <form action="deal.html" id="userregist" >
                    <!-- 文本框 -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="username" value="" /><br />
                    
                    <!-- 密码框 -->
                    请设置密码:
                    <input type="password" name="userpassword1" value=""/><br />
                    
                    再输入密码:
                    <input type="password" name="userpassword2" value=""/><br />
                    
                    <!-- 单选按钮 -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:
                    <input type="radio" name="usersex" value="boy" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="usersex" value="girl" /><br />
                    
                    
                    <input type="submit" value="马上注册" id="submituser" /><br />
                </form>
            </div>
        </body>
    </html>

    css代码:

    @charset "utf-8";
    
    *{
        margin: 0px;
        padding: 0px;
    }
    
    .clearfix {
        zoom:1;
    }
    
    .clearfix:before,
    .clearfix:after {
        content:"";
        display: table;
        clear: both;
    }
    
    body{
        background-color: #3e4e54;
    }
    
    #userregist{
        width: 500px;
        margin: 0px auto;
    }
    
    #submituser {
        margin: 25px 0px 0px 152px;
    }

     

    --------小尾巴 ________一个人欣赏-最后一朵颜色的消逝-忠诚于我的是·一颗叫做野的心.决不受人奴役.怒火中生的那一刻·终将结束...
  • 相关阅读:
    redis 安装和运行
    Django:django-debug-toolbar模块
    Django 的 logging日志文件配置
    Github之利用SSH完成Git与GitHu 的绑定
    4.输出1-100内的所有偶数
    3.输出1-100内的所有奇数
    2.求1-100的所有整数的和
    1.使用while循环输出1.2.3.4.5.6.....8.9.10
    将前台JS数组序列化后提交,后台反序列化对象
    div模拟下拉框
  • 原文地址:https://www.cnblogs.com/tianxiaxuange/p/9618989.html
Copyright © 2011-2022 走看看