邯郸网站设计怎么开发,php做网站代码,东莞网络公司网站建设,下载免费网络目录
一.表单标签
1.表单域
2.表单控件
2.1input标签
2.2label/select/textarea标签
2.3无语义标签
三.特殊字符 一.表单标签
用来完成与用户的交互,例如登录系统
1.表单域
form通过action属性,将用户填写的数据转交给服务器 2.表单控件
2.1input标签
type…目录
一.表单标签
1.表单域
2.表单控件
2.1input标签
2.2label/select/textarea标签
2.3无语义标签
三.特殊字符 一.表单标签
用来完成与用户的交互,例如登录系统
1.表单域
form通过action属性,将用户填写的数据转交给服务器 2.表单控件
2.1input标签
type属性:text文本输入框
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title这是标题/title
/head
body!-- 这里是注释 --form action 姓名input type text/form
/body
/htmltype password 这种情况下对用户输入的数据具有加密效果
type radio单选框
body!-- 这里是注释 --form action 姓名input type textbr密码input type passwordbr性别input type radio name gender男input type radio name gender女/form
/body
附加相同的name属性,只能选择一个,当加入checked checked则可以默认一个选项 type checkbox复选框可以选择多个选项 form action 姓名input type textbr密码input type passwordbr性别input type radio name gender checked checked男input type radio name gender女br爱好input type checkbox吃饭input type checkbox睡觉input type checkbox打豆豆/form type button普通按钮(配合JS监听用户操作)
form action 姓名input type textbr密码input type passwordbr性别input type radio name gender checked checked男input type radio name gender女br爱好input type checkbox吃饭input type checkbox睡觉input type checkbox打豆豆brinput type button value 登录 onclickalert(登录成功)/form type submit/reset提交/重置
form action https://www.baidu.com/姓名input type textbr密码input type passwordbrinput type submitinput type reset/form 2.2label/select/textarea标签 label标签通常搭配单选框使用,与单选框对应的文本内容进行绑定
select标签是下拉菜单框
textarea标签是可变化的文本框,超出默认行数就会出现滚动条
form action https://www.baidu.com/姓名input type textbr密码input type passwordbr性别input type radio name gender id malelabel formale男/labelinput type radio name gender id femalelabel forfemale女/labelbr出生年份selectoption--请选择出生年份--/optionoption2001/optionoption2002/optionoption2003/optionoption2004/optionoption2005/option/selectbr个人经历brtextarea rows2 cols30/textareabrinput type submitinput type reset/form
2.3无语义标签
有两种
div独占一行(可以替代br)
span不独占一行
body!-- 这里是注释 --form action https://www.baidu.com/div姓名input type text/divdiv密码input type password/divdiv性别input type radio name gender id malelabel formale男/labelinput type radio name gender id femalelabel forfemale女/label/divdiv出生年份selectoption--请选择出生年份--/optionoption2001/optionoption2002/optionoption2003/optionoption2004/optionoption2005/option/select/divdiv个人经历/divdivtextarea rows2 cols30/textarea/divdivinput type submitinput type reset/div/form
/body
三.特殊字符
在html中如何表示空格,,呢,肯定不能直接表示,因为html会将多余的空格字符叠加为一个,又会和标签符号混淆,那么我们需要用额外的方法来表示
空格nbsp
lt gt amp
看一下效果
