form表单的用法笔记

原创 国哥笔记  2019-03-19 11:24  阅读 458 views 次

在浏览器中,浏览器向服务器发送数据,一般使用的都是表单 表单内部的控件有:文本框,密码框,单选框,多选框,下拉列表,文件选择,时间选择,提交按钮。

form表单的用法笔记

文本框

用于获取用户输入的单行数据

格式:

<form action="提交地址">
用户名:<input type="text" >
</form>

属性:name ,values:默认值,maxlength:最大长度,readonly:只读

密码框

格式:

<form action="提交地址">
密码:<input type="password" >
</form>

单选

格式:

性别:<input type="radio">男<input type="radio">女

属性:name:多个单选控件的name值要一致,value:提交数据时会把value的值提交到服务器,checked:设置选中

复选框(多选)

格式:

爱好:<input type="checkbox" name="hobby" value="dy">电影
<input type="checkbox" name="hobby" value="cg">唱歌
<input id="lq" type="checkbox" name="hobby" value="lq">篮球

标签 label

格式:

<label for="lq">篮球<label>

文件选择

选择上传的文件

格式:

靓照:<input type="file" name="pic">

日期选择

格式:

生日:<input type="date" name="birthday">

隐藏域

格式:

<input type="hidden" name="id" value="1">

作用:此控件用户看不到,有些场景需要提交一部分用户不需要看到的数据,比如修改数据时的id

文本域 textarea

输入多行数据时使用

格式:

个人介绍:<textarea name="intro" rows="3" cols="30">这个人很懒。。。。
</textarea>

下拉选

格式:

<select name="city">
<option>选择城市:</option>
<option value="bj">北京</option>
<option value="sh">上海</option>
<option value="gz">广州</option>
</select>

按钮

提交按钮:

<input type="submit" value="注册">

重置按钮:

<input type="reset" value="重置">

普通按钮:

<input type="button" value="按钮">

 

更多html标签------->html标签大全

本文地址:https://www.ggbiji.com/html-form-3.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情