基础写法:
1.单行文本框:<input type="text" name="n1" id="" value="默认值"/>
2.密码框:<input type="password" name="n2" id="" value=""/>
3.提交:<input type="submit" value=“提交”/>
4.隐藏框:(页面不显示,但是可以传递数据)<input type="hidden" name="n3" id="" value="隐藏的数据">
5.单选按钮:(同一组单选按钮,name属性一致)默认选中checked="checked"
<input type="radio" name="gender" id="" value="" checked="checked"/>男
<input type="radio" name="gender" id="" value="" >女
6.复选框(同一组复选框,name属性一致)这里列举hobby爱好为例,因此name为hobby
<input type="checkbox" name="hobby" id="" value="" />LOL
<input type="checkbox" name="hobby" id="" value=""/>CF
7.多文件框(添加multiple属性):
<input type="file" name="" id="" value="" multiple="multiple"/>
8.日期控件:
<input type="date" name=“” id="" value=""/>
<input type="datetime-local" name="" id="" value=""/>
<input type="week" name="" id="" value=""/>
以此类推还有月以及年
9.数值控件:
<input type="number" name="" id="" value=""/>
10.按钮控件:
<input type="button" name="" id="" value="普通按钮" οnclick="alert('是')"/>
<input type="reswet" name="" id="" value="复位"/>
<input type="submit" name="" id="" value="提交"/>
11.按钮标签:可以在标签内部插入其他元素
<buttton type="button">
button标签
<img src="img/图片路径" width="" height=""/>
<button/>
12.多行文;rows和cols设置宽度和高度
<textarea rows="5" cols="60">
<textarea/>
13.下拉框:
<select name="">
<option value="">唱<option/>
<option value="">跳<option/>
<option value="">rap<option/>
</select>
实际传输到后台的值是VALUE的值,不是中间的文本的值
14.Form表单:用于提交数据到服务器
form属性action:目标服务器的地址url
form属性的method:http的请求方式
name:当前表单标签的名称,在提交数据时,以name属性作为实际值的索引
value属性:设定或获取用于当前表单元素的输入值
checked属性:用于单选框或者复选框单元素默认选中
select属性:用于下拉框option默认被选中
multiple属性:设置文件框或者下拉框可以多选
disabled属性:禁用当前表单元素,即无法修改当前表单元素,改变元素外观 disabled="disabled"
readonly属性:只读当前表单元素,无法修改 readonly="readonly",不改变元素外观,一般只用于文本
placeholder:在文本框中提示文字,在编辑时自动消失