zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    [java学习]java聊天室通信原理
    竖变横表存储过程(万能型)
    到底是什么(反射,泛型,委托,泛型)
    删除表里重复记录两种方法
    三个SQL视图查出所有SQL Server数据库字典
    三种分页语句
    DBHelper
    SQL全局变量
    今天比较STRING和INT,很奇怪
    表之间数据交换与翻页存储过程
  • 原文地址:https://www.cnblogs.com/Yimi/p/5851895.html
Copyright © 2011-2022 走看看