阿里做网站怎么做,上海专业高端网站建,网页制作的公司有哪些,黑帽seo易下拉霸屏使用HTML实现该界面#xff1a; 要求如下#xff1a; 用户名为文本框#xff0c;名称为 UserName#xff0c;长度为 15#xff0c;最大字符数为 20。 密码为密码框#xff0c;名称为 UserPass#xff0c;长度为 15#xff0c;最大字符数为 20。 性别为两个单选按钮 要求如下 用户名为文本框名称为 UserName长度为 15最大字符数为 20。 密码为密码框名称为 UserPass长度为 15最大字符数为 20。 性别为两个单选按钮名称为 sex值分别为男和女男默认选中。 爱好是三个多选按钮名称为 like值分别为写作、听音乐、体育。 省份为下拉框名称为 province选项的键-值对为 Key:陕西省value:shaanxi Key:山西省value:shanx陕西省默认选中。 自我介绍为多行文本框名称为 intro宽 25高 5默认值为“这个家伙什么也没留下”。 提交按钮名称为“send”标签为“提交”。 重置按钮名称为“reset”标签为“重置”。 参照图使用表格定位表单。
实现HTML代码
!DOCTYPE html
htmlheadmeta charsetutf-8title用户注册/title/headstyletable{background-color: #D3D3D3;}/stylebodytable border1 cellspacing0 cellpadding2trtd colspan2 aligncenter bgcolorgrey用户注册/td /trtrtd alignright用户名/tdtdinput typetext nameUserName value minlength15 maxlength20//td/trtrtd alignright密码/tdtdinput typepassword nameUserPass minlength15 maxlength20//td/trtrtd alignright性别/tdtdinput typeradio namesex value男 checked/男 input typeradio namesex value女/女br//td/trtrtd alignright爱好/tdtdinput typecheckbox namelike value写作/写作 input typecheckbox namelike value听音乐/听音乐 input typecheckbox namelike value体育/体育br //td/trtrtd alignright省份/tdtdselect nameprovince option valueshaanxi selected陕西省/optionoption valueshanx山西省/option/select/td/trtrtd alignright自我介绍/tdtdtextarea nameintro cols25 rows5这个家伙什么也没留下/textarea/td/trtrtd colspan2 aligncenter bgcolorgreyinput typesubmit namesend/input typereset namereset//td/tr/table
结果图 涉及知识点
1、表格标签table、tr、td、表格对齐、表格背景、表格填充和边距、表格的合并单元格跨行rowspan、跨列colspan
2、表单标签input、select、textarea
input标签type属性
类型作用text单行文本框password密码框radio单选按钮checkbox多选按钮submit提交按钮reset复位按钮button按钮image图像按钮 hidden file 隐藏域 文件域
input标签其他属性
属性名称属性值功能name字符串元素名称value字符串元素值id字符串客户端唯一标识size数字以字符个数设定的元素宽度maxlength数字元素接受字符数的上限checked元素是否被选中
select标签
属性名称属性值属性作用option子项下拉框的选项value字符串选项的值name字符串下拉框的名称selected默认被选中的选项multiple”multiple“ 以列表形式显示 当select标签设置 multiple属性时select以列表形式显示当select标签不设置 multiple属性时以下拉框形式显示。列表框在选择时按住键盘的ctrl或shift键可以实现多选而下拉框只能单选。
textarea标签
属性名称属性值属性作用cols数字以字符个数设定的多行文本框的宽度rows数字以行数设定的多行文本框的高度name字符串多行文本框的名称
