<form><form/>表单标签:这是用来实现前后端交互的一个重要标签。
常用属性:name(表单名称),action:表单数据提交的位置(通常是后台文件名或网址(.jsp/.php/.asp/.aspx/.py)),method:前端提交到后端的方法,主要有:get和post,默认是get(post相对安全)。
使用截图:
<input></input>该标签中对应有一个type属性,type对应的属性值有输入类:text/password/radio/checkbox/file。按钮类:button/image/submit/reset。以下是对应属性的使用:
1)text单行文本输入框 type默认值为text属性:placeholder(提示)/name命名/minlenth和maxlength(最少和最多输入的个数)/disable(失效),value(默认值)。
2)password密码框。属性与text一样。
3)radio单选按钮,通常是两项以上。常用属性:name(必写),checked为默认选项。
4)checkbox复选框 ,可以用来选择0项或多项,常用属性:name(必选),checked默认选项。
5)file文件上传按钮。用法简洁,一般不需要其他属性。
6)button普通按钮:通常用于调用脚本代码。常用属性value按钮标题,disabled属性可使其失效。
7)image图片按钮,用法与button一样。有一个特殊属性,src(用来加载图片,用它替换了value,image具有提交功能与submit相似)。
8)两按钮:submit提交按钮,用来将表单数据提交到后台-/-reset重置按钮,将输入的内容表单所有清空还原为初始化。
9)textarea文本域,主要用于输入大批量内容,常用属性:name,id,cols列,rows行,placeholder,minlength,maxlength,required(不能输入为空)。
10)select下拉列表:用option设置选项。属性,multiple属性:可以多选,这时下拉列表框变成了列表框。size属性:表示可选个数。
注:具有选择的属性有radio和checkbox,而<select><option></option><select>是作为标签使用的。此外<input type="button" value="按钮'>与<button></button>两者相同,而button作为属性值用在表单中具有提交作用,而button作为标签则一般用于JavaScript中作事件的引发器。