zoukankan      html  css  js  c++  java
  • Css实例之信息提交

    代码实例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>信息提交</title>
    <style>
    p{
    font-size:15px;
    }
    #m{
    color:blue;
    }
    #f{
    color:red;
    }
    .button{
    background-color:#e1d8d8;
    color:red;
    }
    </style>
    </head>

    <body onload="alert('页面已成功加载')">
    <div style="text-align:center">
    <form action="#" onsubmit="alert('姓名:'+name.value+' 电话:'+tel.value+' 性别:'+sex.value)">
    <p>姓名</p>
    <input type="text" name="name">
    <br><br>
    <p>电话</p>
    <input type="text" name="tel">
    <br><br>
    <input type="radio" name="sex" value="男">
    <span id="m">男</span>
    <input type="radio" name="sex" value="女">
    <span id="f">女</span>
    <br><br>
    <input class="button" type="submit" name="提交">
    <input class="button" type="reset" name="重置">
    </form>
    </div>
    </body>
    </html>

    运行截图:

     

  • 相关阅读:
    浅谈最长上升子序列(LIS)
    浅谈树链剖分
    数字计数
    windy数
    骑士(树形dp)
    旅游规划
    皇宫看守
    k8s安装报错
    linux文件夹存储潜规则
    搭建覆盖率测试环境
  • 原文地址:https://www.cnblogs.com/zyj3955/p/13887318.html
Copyright © 2011-2022 走看看