• HTML的表单元素


    html的表单元素主要用于让用户输入数据并提交给服务器

    基本语法:<form action="url" method="提交的方法,get/post,默认为get">各种元素(输入框,下拉列表,文本域,密码框)</form>

    案例1:

     空格键用&nbsp;或用全角

    表单元素的格式

    <input type=* name=**/>

    type=text(文本框) password(密码框)hidden(隐藏域)

    checkbox(复选框)radio(单选框) submit(提交按钮)   reset(重置按钮)  image(图片按钮)

    name给该表单元素取名

    action把表单提交给哪个页面

    login.html

    <html>
    <head>
    <title>登录页面</title>
    </head>
    <body>
    <h1>登录界面</h1>
    <form action="ok.html" method="post">
    <!--get登录后地址栏会显示用户名密码不安全  post-->
    用户名:<input type="text" name="username"/></br>&nbsp;&nbsp;码:<input type="password" name="pwd"/></br>
    <input type="submit" value="登录"/>
    <input type="reset" value="重新填写"/>
    </form>
    </body>
    </html>

    用图片做按钮“登录”的那行改写

    <!--<input type="image" src="mm.jpg" />-->
    名字<input type="text" name="username"/><br/>
    密码<input type="password" name="pwd"/><br/>
    
    ************喜欢的水果(复选框)**********<br/>
    <input type="checkbox" name="v1">西瓜<br/>
    <input type="checkbox" name="v1">西瓜<br/>
    
    ************你的性别(单选 name值要相同)**********<br/>
    <input type="radio" name="sex1"><br/>
    <input type="radio" name="sex1"><br/>
    
    
    ************隐藏(用途即可提交数据,同时不影响页面)**********<br/>
    <input type="hidden" value="123" name="sal"/>
    
    选择你的出生地:<br/>
    <select name="biradd">
    <option value="">----请选择----</option>
    <option value="beijing">北京</option>
    <option value="shanghai">上海</option>
    <option value="tianjin">天津</option>
    </select><br/>
    
    *************请留言*************<br/>
    <textarea cols="30" rows="10">请在这里输入.....</textarea><br/>
    
    *********请选择你要上传的文件*******<br/>
    <input type="file" name="myfile">请选择文件</input>
  • 相关阅读:
    线程,协程
    python魔法方法详解
    Sorted方法排序用法
    time模块
    Haroopad安装与配置: Linux系统下最好用的Markdown编辑器
    C++ Primer第五版答案
    Ubuntu14.04安装有道词典(openyoudao)
    Ubuntu14.04下Sublime Text 3解决无法输入中文
    OpenLTE安装教程
    GNU Radio: Overview of the GNU Radio Scheduler
  • 原文地址:https://www.cnblogs.com/Yimi/p/5851895.html
Copyright © 2020-2023  润新知