HTML 表单的用法

单行文本框的格式:
<input type=text name="名称" size="数值" value="预设内容" maxlength="数值">

密码框格式:
<input type=password name="名称" size="数值" value="预设内容" maxlength="数值">

提交按钮:
<input type=submit name="名称" value="预设内容">

图片提交:
<input type=image src="图片路径" name="名称" alt="替代文本" width="宽度" height="高度">
其中alt是指在光标经过图像或者图像不显示时的替换文本

重置按钮格式:
<input type="reset" name="名称" value="预设内容">
普通按钮格式:
<input type="button" name="名称" value="预设内容">

其可以和Javascript一块使用,如:
<input type="button" name="button1" value="单击进入" onclick="alert('单击按钮')">

隐藏元素按钮:
<input type="hidden" name="参数" value="参数取值">
功能:多用于向服务器传递一些不需要用户所知道的一些信息,如IP地址。

单选按钮格式:
<input type="radio" name="名称" value="预设内容" checked="checked">

复选框格式:
<input type="checkbox" name="名称" value="预设内容" checked="checked">

下拉列表格式:
<select name="名称" size="大小" multiple="multiple">
<option value=""></option>
<option value=""></option>
</select>

多行文本框格式:
<textarea name="名称" rows="行数" cols="列数"></textarea>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 447评论 0 1
  • 一、基础概念知识 1.表单主要分为两部分: 一是HTML文档描述的表彰;二是提交后的表单处理(服务器端处理数据,这...
    饥人谷_潇湘情绪雨阅读 158评论 0 0
  • 什么是form表单 表单在网页中主要负责数据采集功能,把用户填写的信息提交到网站的后台服务器。 form标签的常用...
    ezrealor阅读 279评论 0 0
  • 1.表单是Web页面上负责用户输入与服务器端数据交互的最基础方式 HTML中表单可以用来搜集用户各种类型的输入信息...
    淡然7698阅读 184评论 0 0
  • 奇松、怪石、云海、温泉……这就是黄山!五岳归来不看山,黄山归来不看岳,已经成了国人的至理名句。美如仙境的黄...
    左大拾影阅读 592评论 4 11