zoukankan      html  css  js  c++  java
  • HTML的表单元素和input元素

    HTML的表单元素用于收集用户的输入

    直接看例子:

    <html>
    <head>
    <title>用户登录界面</title>
    </head>
    <body>
    <p>用户登录界面</p>
    <!--action是指把form元素的内容提交到哪里进行处理,一般都是JSP或servlet等-->
    <form action="OK.html" method="post">
    用户名:<input type=text name=username><br/>
    密  码:<input type=password name=psword><br/>
    <input type=submit value="登录">
    <input type=reset value="重新填写">
    </body>
    </html>
    运行后的结果:

    常用input元素来控制输入的格式,input的属性有:


    input元素的举例:

    1、复选框

    <!--name可以不一样,但一般写成一样的-->
    <input type="checkbox"  name="水果" >苹果</br>
    <input type="checkbox"  name="水果" >香蕉</br>
    

    2、单选框

    <!--name必须一样-->
    <input type="radio"  name="sex">男</br>
    <input type="radio"  name="sex">女</br>

    3、select、option和textarea举例

    <body>
    <form action="" method="post">
    请选择你得爱好:<select name="like">
    <!--提交的时候是提交value的值-->
    <option value=xuanze >请选择----</option>           
    <option value=yumao>羽毛球</option>
    <option value=dianshi>看电视</option>
    <option value=game>玩游戏</option>
    
    </select></br></br>
    <textarea   cols="30" rows="10">请在这里输入文本
    </textarea></br></br>
    
    <input type="file" name="文件">               
    <input type="submit" value="提交"><input type="reset" value="重置">
    </form>
    </body>




  • 相关阅读:
    日志收集
    解决spawn-fcgi child exited with: 1
    confluence启动关闭
    Informatica 启动、停止工作流命令
    启动obiee
    oracle修改连接空闲自动断开
    ORA-00845: MEMORY_TARGET not supported on this system
    svn执行clean up命令时报错
    手游推广
    phonegap/cordova 升级版本
  • 原文地址:https://www.cnblogs.com/yzy-blogs/p/6597324.html
Copyright © 2011-2022 走看看