笔记3 表单

表单

表单标签的构成和形式:
<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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在前端开发中经常使用到表单来向服务器传值. form form标签是一个表单标签的容器,该标签的开始和结束直接定义...
    相关函数阅读 341评论 0 0
  • 数据表格可以使得页面数据具有更高的可访问性。 1.summary属性可以应用于表格标签,用来描述表格的内容。与图像...
    garble阅读 186评论 0 0
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 4,623评论 0 11
  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 926评论 0 1
  • 江城子(一) 风摧叶落满地黄。已冬天,鸟雀藏。厚衣裹身,行人脚步忙。 贪恋家中小温床,可抬头,赏月亮。...
    兰州郭郭阅读 348评论 11 7