zoukankan      html  css  js  c++  java
  • HTML高级(表单标签)

    表单标签

    <form></form>

    属性:

    action:服务器端处理用户输入的程序,URL

    action="http://www.baidu.com/counter.jsp"

    没有设置或为空串时,提交给自己


    method:定义浏览器将表单中信息提交给服务器端处理程序的方式,

    取值可以为

    GET:小于1K

    POST:信息量较大


    target:用来指定服务器返回结果显示的目标窗口或目标帧


    title:设置鼠标停留时的提示文本


    enctype:浏览器将表单数据提交给服务器的编码方法

    application/x-www-form-urlencoded ,默认

    multipart/form-data


    表单元素标签:

    1,提交按钮:<input type=submit,value="确认提交",name="submitMessage">

    2, 重置按钮:<input type=reset>

    3, 单行文本输入区域:

    type=text 

    size=50 

    maxlength=100 

    value="啊哈哈"

    name=inputText

    disabled:信息不发送给服务器

    readonly:只读

    4,复选框按钮

    type=checkbox

    checked:是否被复选

    5,单选按钮

    type=radio

    <input type=radio name=radio1 value=0 checked>男

    <input type=radio name=radio1 value=1>女

    6,隐藏表单元素

    <input type=hidden>

    7, 密码输入文本区域

    type=password

    8, 普通按钮

    type=button

    9,浏览按钮,上传文件

    type=file

    <form action="" method="POST" enctype="multipart/form-data">
    
    <input type=file name=password1 ><br>
    
    </form>
    

    10,图像

    type=img

    11,可复选的下拉列表框

    <select></select>

    属性:

    size:显示个数

    multiple:可以多选,用CTRL

    <option></option>

    value:值

    selected:初始化选择


    12,<textarea></textarea>

    cols:行

    rows:列

    13,<label>标签,进行快捷键设置

    for:需要和输入元素的id号一致

    accesskey:快捷键

    <label for=usr accesskey="a">用户名(<u>a</u>):</label>
    <input type=text name=user id=usr><br>



    <form action="" method="POST" target="_blank" title="This is a form">
    
    <select>
    
    <option value="">---</option>
    <option value=1 selected>AHU</option>
    <option value=2>ARU</option>
    <option value=3>ATU</option>
    
    </select><br>
    
    <input type=text name=name ><br>
    <input type=password name=password ><br>
    <input type=file name=password ><br>
    <input type=submit><br>
    
    
    <textarea>
    哈哈呵呵,很好噢
    不错哦
    </textarea>
    </form>
    





  • 相关阅读:
    第五章:向量运算
    第四章:向量
    第三章:多坐标系
    近期一些学习的随笔
    2020高考游记
    寒假集训好题记录
    STL基本用法的一些记录
    2020暑假集训做题记录——数据结构
    2020.12.13~2020.12.20做题记录
    2020.11.30~2020.12.6 做题记录
  • 原文地址:https://www.cnblogs.com/wjchang/p/3671568.html
Copyright © 2011-2022 走看看