HTML-简单表单制作

模板




       

//此处为输入文本格式,避免乱码现象

 此处输入内容
    

*//bgcolor为背景颜色,background为背景图片。在body里面输入需要执行的内容。

输入内容

//此处h1为大标题,h2,h3…依序变小。此处span与上面span的应用模式相同,可根据原span所设定的改变,改变span之间的内容的样式。*


//hr为水平线

//form为建立表单形式,action则让button有反应转入后台,提交表单。method则为转入方法,其类似方法还有method=“get” ,target="_blank"则表示为另开一个页面显示提交结果


   

//table本为表格标签,在这里可帮助表单有表格的形式,使之有整齐感。width为表格宽度。

  

//

表示行,里面有多少个

//radio为单选选项。border-radius为使输入框边角变圆(其7px是使输入框变圆的程度,也可以10px,12px等等)。与radio相似的是checkbox,checkbox为多选框

    

//是下拉表格,size=“数字”则为当选择时,下拉表格会显示出多少个选项。multiple是多选,同时摁住ctrl再点击选项即可多选。则为选项内容。``则为每一个或多个选项的分类。在此,北京,天津,河北属于华北。

     

// textarea为文本框,输入文本。rows为行数,cols列数。
colspan是跨越两行。type="submit"提交。type="reset重置。

 
  

//hidden 是隐藏,不让用户所见。


姓名:
表示列。
就表示一行有多少列。input表示输入框,type,为该输入框的类型,type=“text”,定义用户可输入文本的单行输入字段。type="password"为账号密码类型。type="file"为文件类型等等。placeholder为默认提示值。name为输入的内容属性,此处为用户姓名。在多个选项中若有checked则为默认选中值。若其中有value,value 属性为 input 元素设定值。

   
性别: 保密
简介:

成品如下:
HTML-简单表单制作_第1张图片

你可能感兴趣的:(HTML-简单表单制作)