15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML 之表单

HTML 之表单

时间:2023-09-14 21:42:01 | 来源:网站运营

时间:2023-09-14 21:42:01 来源:网站运营

HTML 之表单:form标签:表单 网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终提交表单,把客户端数据提交至服务器。


action=""向服务器发送表单的地址 ;


method=""向服务器发送的方式 ;包括get/post。


label :用for标签来指定id,达到点击文字即可编辑选择框的效果。


input:输入数据。


type="text"单行文本输入框。(不标注时默认为text)

<label for="myid">账号</label> <input type="" id="myid" name="id"value=""size="10"placeholder="请输入:"/>id=""自定义值,必须唯一; name=""自定义值,向服务器发送数据的键位,可以重复; class=""可以重复,自定义值
size:文本区的宽度,即列数.

placeholder:"请输入";提示框。(未输入内容时,提示的内容,输入内容后,自动消失。)







disabled="disabled" 禁用组件 。 被禁用的 input 元素既不可用,也不可点击。




readonly=""只读,不可进行编辑操作。


type="password"密码框 。

密码:<input type="password" name="password" /><br/>type="file"文件选择框 ;accept=".png.exe"筛选文件的类别。

附件:<input type="file" name="file" accept=".png,.jpg"/><br/>


type="radio"单选框 ; checked="checked"默认选择的 ; 表单提交时,只会提交选中的那一个; name相同的为一组,一组之内只能选择一个。
例如:

性别<input type="radio" name="sex" value="男" id="boy"/> <label for="boy"></label> <input type="radio" name="sex" value="女" id="girl" checked="checked"/><label for="girl"></label>





checkbox 复选框 例如:

课程<input type="checkbox" name="course" value="JAva"/>Java <input type="checkbox" name="course" value="PHP"/>PHP <input type="checkbox" name="course" value="HTML"/>HTML <input type="checkbox" name="course" value="PYTHON"/>PYTHON


select 下拉框 value="" 向服务器端提交的值 selected=""默认选择的内容

例如:

地区<select name="province"> <option value="000">浙江</option> <option value="111" selected="selected">西部地区</option> </select>





textarea 多行文本区域
cols=""列数 rows=""行数

备注<textarea cols="10" rows="10" name="mark"> 文本内容,文本内容。 </textarea>





input type="reset" value="重置"。(重置表单中填入的数据)

input type="submit" value="保存" 影响action,给服务器发送数据。

input type="button" 普通按钮 。

<input type="reset" value="重置一下"><input type="submit" value="保存"><input type="button" value="普通按钮">




关键词:

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭