前端表单设计器,前端表格代码

一、表格！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title/title/head body！ -在页面上创建表格- -！ -最大的父级table--！ --table上面有很多：边框配置边框。 默认0px width设置宽度height设置高度浏览器默认表中内外边距： cellpadding内边距cellspacing外边距默认1对齐整个设置表的左对齐left | center | right-- table border='1' width=' 400 ' height=' 250 ' cellspacing='0' cell padding='0' align=' center '！ -标题有默认样式。 设置文本的左右中央并加粗-- tr height='50' th编号/th th姓名/th th学号/th th成绩/th /tr！ -是的-！ -低控制高度-- tr height='50 '！ -在某个TD上设置对齐，设置文本左右对齐- -！ -单元格- -！ -合并单元格：在第一个单元格上写入属性。 值是要结合的个数。 对应单元格的合并行： colspan x方向合并列： rowspan Y方向- -！ -TD顶面控制宽度width-- TD width=' 100 ' align=' center ' colspan='2'1/TD！ - td2/TD-- TD width=' 100 '3/tdtd width=' 100 ' rowspan='2'4/TD/tr！ -是的-！ -一个tr设置对齐，设置整个文本行的左右对齐--tr height=' 50 '对齐=' center '！ -单元格-- td width='100 '姓名/tdtd width=' 100 '6/tdtd width=' 100 '7/TD！ -TD8/TD----/tr！ -是的-！ -设置文本上下对齐方式： valign : top-- trheight=' 50 ' valign=' top '！ -单元格-- td width='100' align='center字符4/tdtd width=' 100 ' b/tdtd width=' 100 ' c/tdtd width=' 100 ' d/d -是-为行设置背景： bgcolor :颜色--- trheight=' 50 ' bgcolor=' deeppink '！ -单元格--TD width=' 100 ' o/tdtd width=' 100 ' valign=' top ' x/TD！ -TD设置背景： bgcolor :颜色--- TD width=' 100 ' bgcolor=' orange ' y/tdtd width=' 100 ' z/TD/TD/tr/table/body -表单最大父表单功能标签将数据发送到后台- -表单！ --input系列单标签meta br hr img--！ 类型属性使用了各种类型的： -文本输入框- -！ --HTML5是文本placeholder--！ --placeholder有兼容的移动终端html5CSS3输入类型=' text ' name=' username ' value=' ' placeholder='用户名' /！ -密码框- -输入类型=' password ' /！ -复选框--标签！ -实现点击文本选择- -输入类型=' checkbox ' /电影/看关卡！ -默认选中状态checked--输入类型=' checkbox ' checked /玩游戏！ -默认禁用--input type=' checkbox ' disabled /睡觉input type='checkbox' /敲击代码！ -实现选择框radio单一选择是选择项必须具有相同的name-- input type='radio' name='sex' /男input type=' radio ' name=' sex ' /女inine -按钮- -输入类型=' button ' value='按钮' /！ -提交具有实际提交成功通知的按钮，必须与表单合作实现- -输入类型='提交值='上传' /！ -复位- -输入类型=' reset ' value='空' /！ -下拉菜单- -选择！ -选择中的value-- option value='武汉'武汉/option option value='长沙' selected长沙/option value='金星'火星/option option value - textarea rows='4' cols=' 50 '/textarea-- -！ -样式控件--textareastyle=' width :400 px； height: 100px； resize :无； '/textarea！ --HTML5日期--input type=' date '/input type=' week '/input type=' time '/form/body/html