首页 > 编程知识 正文

html表单设计,微信小程序统计表单

时间:2023-05-05 07:01:54 阅读:116989 作者:2867

模板! docttypehtmlhtmlheadmetacharset=' utf-8 ' /

1.//这里是输入文本格式,避免乱码。 title这里是输入内容/titlestyletype='text/css '

2.//style为span{color:pink; }

3.//span,分成块,在此定义颜色和粗体字体等样式。 样式可以直接在开头定义,也可以按需定义。 button{*//前面的.表示一种样式,一个元素。 *背景色: # 008 CBA; border :否; *//border为边框*颜色: white; //这里的颜色是这个botton里面的颜色*padding:10px30px; //padding是边距文本对齐:中心; 文本修饰:无; display :在线区块; //display定义元素生成的类型(此处的inline-block与blockinline的比较) ) ) ) ) )。

4.display:block1.block元素独占一行,多个block元素各更新一行。 默认情况下,块元素的宽度会自动填充父元素的宽度。 2.block元素可以设置width、height属性。 块级元素独占一行,即使设置了宽度。 3.block元素可以设置边距和填充属性。 display:inline1.inline元素不独占一行。 多个相邻的行内元素位于同一行中,并且在一行不再对齐之前不会更改为新行。 其宽度因元素的内容而异。 2.inline元素设置为width,height属性无效。 3.inline元素的边距和填充属性、水平填充左、填充右、边距左、边距右产生边距效应; 但是,垂直方向的填充-顶、填充-底、边距-顶、边距-底不会产生边距效应。 display:inline-block1.简单来说,就是将对象绘制为inline对象,而将对象的内容绘制为block对象。 后续的内联对象将位于同一行中。 例如,可以给出link(a元素) inline-block属性值,使其既具有block的宽度高度特性,又具有inline的同业特性。 font-size:16px; margin:4px2px; cursor:pointer; }/style/headbodybgcolor='颜色' background='图像地址'

5.*//bgcolor为背景色,background为背景图像。 在body中输入要执行的内容。 h1align='center'span输入内容span/h1

6.//这里h1是大标题,按照h2,h3…的顺序变小。 这里的span可以和上述span的应用模式一样,根据原始span设置的改变,可以改变span之间的内容样式。 *hrcolor='#颜色代码'

7.//hr为水平线formaction=' action.PHP ' method=' post ' target=' _ blank '

8.//form为了制作表格形式,action在button的反应下进入后台提交表格。 method是转入方法,同样的方法有method=“get”,target='_blank '应打开另一页显示提交结果table width=' 600 px ' align=' center '

9.//table根据表格标签,在这里可以帮助表格呈现整齐的感觉。 width是表的宽度。 trtdalign='right '姓名:/TD align=' left ' ' input type=' text ' name=' username ' size=' 25 ' maxlength=' 26 ' ppm

10.//tr表示行,td表示列。 tr中有多少个td表示一行中有多少列。 input表示一个输入框,type是该输入框的类型,type=“text”定义允许用户输入文本的单行输入字段。 type='password '是帐户的密码类型。 type='file '是文件类型等。 placeholder是默认的提示值。 name是输入的内容属性,其中是用户名。 如果多个选项中有checked,则为默认检查值。 如果其中有value,则value属性会将input元素设置为值。 tdalign='right '性别:/tdtdalign='left '男input type=' radio ' name=' sex ' value=' man ' style=' border-radius '/input type=' radio ' name=' sex ' value=' BM ' checked style=' border-radius 33607 px; '//td/tr

11.//radio是收音机选项。 border-radius是将输入框的角弄圆。 该7px也可以是10px、12px等,只要使输入框变圆即可)。 与radio相似的是checkbox,checkbox是多选框select name=' city ' size='5' multiple style=' border-radius 33607 px '/option value=' XJ ' selected=' XJ ' selected ' optionoptgrouplabel='华北' optionvalue='bj '北京/option option value=' 选项选项选项值=' XM '厦门/选项选项值=' yd '英德/option/optgroup/select

12.//select``/select是一个下拉列表,size=“数字”表示选择时下拉列表中显示的选项数。 可以选择多个multiple,也可以通过在按住ctrl的同时单击选项来选择多个。 选项` ` /选项是可选内容。 optgrouplabel=''``/optgroup按一个或多个选择进行分类。 这里,北京、天津、河北属于华北。 输入trtdalign='right '个人资料:/TD align=' left ' textarea name='虚拟摩托车' rows='6'cols='50'placeholder='字符style='border-radius:10px;' //textarea/TD/trtrtdcolspan='2' align=' center ' button class=' button ' type=' submit ' value='注册' name=buttonbuttonclass=' button ' type=' reset ' value='复位' name=' reset ' style=' border-radius 33607 px;' /复位/button/td/tr

13.//textarea是一个文本框,您可以在其中输入文本。 rows是行数、cols列数。 colspan跨越两行。 类型=' submit '提交。 类型='重置。/trtrtdinputtype=' hidden ' name=' hide en ' value='这是工作'//tdtd/td/tr

14.//hidden隐藏用户看不见。 /table/form/body/html

15 .成品如下:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。