关于表单

xiaoxiao2021-03-26 27

一、表单的作用：HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。表单的格式如下： <form name="" method="" action="" enctype="">表单项，文字，图片等 </form> 描述：name表示表单的名称；action用来指定接收数据的服务器页面；methos是指定表单的传输方式，post或get;get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。enctype指定传递数据的编码方式。表单有以下几个常用表单项，可以用来输入数据： <input type="text">单行文本框 <input type="password">密码 <input type="submit">提交表单按钮 <input type="image">图片提交 <input type="reset">重置按钮 <input type="button">普通按钮 <input type="hidden">隐藏元素 <input type="radio">单选按钮 <input type="checkbox">复选框 <input type="file">文件域 <select>...</select>列表框 <textarea>...</textarea>多行文本框二、各个表单项的简单介绍单行文本框的格式： <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="单击进入" οnclick="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>

转载请注明原文地址: https://ju.6miu.com/read-661833.html

技术

最新回复(0)