• HTML-表单


    表单是用来交互的,接收浏览器端的数据
    语法:<form name="" action="" method="">
    各种控件.....
    </form>


    表单属性
    name 表单标识
    action表单数据提交给处理数据的页面
    method表单提交方式 有post和get 默认get


    get方式
    通过地址传输数据
    不能传递敏感数据,
    不能传递大量数据,最大1KB
    不能传递附件


    post方式
    将数据传递给处理程序
    相对安全
    可以传递大量数据
    可以传递附件


    控件介绍


    1、单行文本框
    语法:<input type="text" name=""  value="" size="" maxlength=""/>
    属性:name单行文本框的标识
    size文本框宽度 单位字符
    maxlength文本框最多能输入多少字符,超过则无法输入
    value 文本框的初始值


    2、密码框
    语法:<input type="password" name="" value="" size="" maxlength=""/>
    属性:name 密码框的标识
    value 密码框的初始值
    size 密码框的宽度,单位字符
    maxlength 密码框最多能输入的字符,超过无法输入
    readonly只读属性,可以选中,不能修改
    disabled 不能选中,也不能修改


    3、单选框
    语法:<input type="radio" name="" value=""/>值1
    <input type="radio" name="" value=""/>值2
    属性:name 单选按钮组的标识
    value 单选按钮的初始值,必须填写,而且不同


    4、多选框
    语法:<input type="checkbox" name="" value="" checked="checked"/>值1
    <input type="checkbox" name="" value="" />值2
    属性:name 多选框组的标识
    value多选框每一项的值
    checked 默认初始被选中


    5、多行文本框
    语法:<textarea name=""  rows="" cols="">内容</textarea>
    属性:name 多行文本框的标识
    rows 多行文本框的行数
    cols 每行最多的字符数
    初始值是内容


    6、下拉列表
    <select name="">
    <option value="">值1</option>
    <option value="">值2</option>
    <option value="">值3</option>
    </select>
    属性:name 下拉列表的标识
    value 每一项的初始值


    7、按钮
    提交按钮 提交表单数据 value 按钮上的文字
    <input type="submit" value=""/>
    图片形式的提交按钮
    <input type="image" src=""/>
    重置按钮 将表单的数据重置到初始状态 value 按钮上的文字
    <input type="reset" value=""/>
    普通按钮 本身没有什么功能,结合JS就可以实行功能
    <input type="button" value="" />


    8、隐藏域和文件上传
    隐藏域
    语法:<input type="hidden" name=""/>
    隐藏起来,为了给程序传递数据


    文件上传
    语法:<input type="file" name=""/>
    属性:name 文件上传的标识
    它的值是选择文件后才有值

  • 相关阅读:
    Shell: 定期存档日志文件
    canva实践小实例 —— 马赛克效果
    canvas API ,通俗的canvas基础知识(五)
    canvas实践小实例二 —— 扇形
    canvas API ,通俗的canvas基础知识(四)
    canvas实践小实例一 —— 画板工具
    canvas API ,通俗的canvas基础知识(三)
    canvas API ,通俗的canvas基础知识(二)
    canvas API ,通俗的canvas基础知识(一)
    JavaScript小实例:拖拽应用(二)
  • 原文地址:https://www.cnblogs.com/arvinzd/p/11322013.html
Copyright © 2020-2023  润新知