笔记3 表单

作者: 二慧Liu | 来源:发表于2017-10-16 19:04 被阅读1次

表单

表单标签的构成和形式:
<form name=”form1” action=”将本表单中的数据提交给的对象(是一个php文件名而已)” method=”post”>
</form>

其他表单项

  • 单行文本框:<input type=”text” name=”n1” />

value:设定其中的初始文字
size:设置其输入框的宽度
maxlength:设置该输入框最多能输入的字符个数
readonly:这是一个“无值”属性,表示“只读”
disable: 设置该输入框“无效”,即数据无效

  • 密码框:<input type=”password” name=”n2” />

value:设定其中的初始文字
size:设置其输入框的宽度
maxlength:设置该输入框最多能输入的字符个数

  • 单选项:<input type=”radio” name=”n3” value=”某个值” />

checked:表示该选项默认是选中的状态。
! 一组的单选项要求name的值必须相同

  • 多选项:<input type="submit" name="n5" value="提交文字"/>

checked:表示该选项默认是选中的状态。

  • 提交按钮:<input type="submit" name="n5" value="提交文字"/>
  • 图片按钮:<input type="image" name="n6" src="图片地址/>
  • 重置按钮:<input type="reset" name="n7" value="重置文字"/>
  • 普通按钮:<input type="button" name="n8" value="文字"/>
  • 文件域:<input type="file" name="n9"/>
  • 隐藏域:<input type="hidden" name="n10"/>
  • 下拉选择:
    <select name="n11" multiple="multiple"/>
    <option value="1" >文字</option>
    .....
    <select>
  • 多行选项:
    <select name="n12" size="4">
    <option value="1">文字</option>
    ......
    </select>
  • 多行文本框:
    <textarea name="n13" rows="行数" cols="列数"></textarea>

相关文章

  • 笔记3 表单

    表单 表单标签的构成和形式: 其他表单项 单行文本框: value:设定其中的初始文字size:设置其输入框的宽度...

  • 表单设计-学习笔记

    文/丹顶鹤的日记本 学习笔记注:本文所说的表单(Form),是网页或者移动应用表单。 一) 表单的作用 表单的主要...

  • Notekepper开发文档

    添加一项笔记 表单容器(form container):所有的用户输入微件并封装包含在一个表单内。 将会作为笔记的...

  • Laravel-admin选项卡表单切换

    选项卡表单 1.首先创建3个测试选项卡表单的表 2.创建3个表单文件 3.注册路由 4.SettingContro...

  • Html表单元素及表单元素详解

    大纲 1、认识表单2、认识表单元素3、表单元素的分类4、表单元素——文本框5、表单元素button6、表单元素——...

  • HTML笔记--表单标签

    HTML笔记--表单标签 标签(空格分隔): HTML 表单标签(****最重要的一个标签*****) 可以用来实...

  • vue+element 表单验证问题

    常规表单验证、自定义表单验证、动态增删表单验证 1.常规表单验证 2.自定义表单验证 3.动态增减 a.表单 b.表格

  • 4.HTML表单

    表单 在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。表单目的是为了收...

  • Activiti中三种不同的表单

    Activiti中表单大概分为三种: 1.动态表单2.外置表单3.普通表单 一. 动态表单 在插件中设置: 获取动...

  • CSS(二)

    学习笔记(七):表单 表单就是收集用户信息的,就是让用户填写的、选择的。表单分为:文本框,密码框,单选按钮,复选框...

网友评论

    本文标题:笔记3 表单

    本文链接:https://www.haomeiwen.com/subject/qbkluxtx.html