<form>标签写一个基本的表单

表单:<form>

  表单元素:要填的各项;  通用格式:<intput type="类型" name=" " value=" ">  name=" ":给后台看的名字  value=" ":值 

               特殊格式:

                    下拉选项:<select>

                            <option>

                                下拉菜单中的选项

                            </option>

                         </select>

                    多行文本:<textarea>

                            提示要写哪些内容

                         </textarea>

  类型:

    文本类型:text password hidden(隐藏域) textarea(特殊格式:多行文本)

    选择类型:radio(单选)  checkbox:(多选)  select:(特殊格式:下拉)

    按钮类型:button(普通按钮)  reset(重置按钮)  submit(提交按钮)

    其它类型:file(文件)  data(时间、日期)  

  属性:

    checked:选择的默认选中  selected:下拉的默认选中  multiple:下拉的全部显示  size="2":下拉只显示2个选项  readonly:只读  disable:不可操作

    如果表单想上传文件,必须在<form>加属性:enctype=“multipart/form-data”

  相关标签:  <fieldset></fieldset>修饰表单      <legend>表单标题</legend>

代码演示:

<fieldset>                                                                <!--修饰表单,加个框-->
         <legend>
            第一份表单                                                         <!--表单的标题-->
        </legend>
        <form action="" method="get" entype="multipart/form-data">            
        <!--提交到“ ”;提交方式为:默认“get”相对来说不安全;entype="multipart/form-data" 需要上传文件所必须要添加的属性-->
        账号:<input type="text">                                              <!--这是定义了一个文本类型的表单元素。要写文字的地方-->
        <br>
        密码:<input type="password">                                          <!--定义了一个密码类型的元素。需要在这填写密码-->
        <br>
        <input type="file">                                                    <!--定义了一个文件类型的元素。是用来上传文件用的-->
        <br>
        生日:<input type="date">                                              <!--定义了一个时间日期的元素。用来选择日期和时间-->
        <br>
        性别:<input type="radio" name="xb_danxuan" value="男"><!--定义了一个单选元素,组名:xb_danxuan 组里有两个元素,值分别为男和女-->
             <input type="radio" name="xb_danxuan" value="女"><br>
        爱好:<input type="checkbox" name="ah_duoxuan[]">电影                 <!--定义了一个多选元素,一个数组,包括了叫“ah_duoxuna”的组和组里的三个选项-->
             <input type="checkbox" name="ah_duoxuan[]">音乐
             <input type="checkbox" name="ah_duoxuan[]">运动
        <br>
        民族:<select>                                                          <!--定义了一个下拉选择-->
                <option>
                    汉族                                                       <!--下拉选项的各项内容-->
                </option>
                <option>
                    回族
                </option>
                <option>
                    满族
                </option>
                <option>
                    傣族
                </option>
            </select>
        <br>
        <br>
        自我介绍:
                <textarea cols="30" rows="10" font-size="0">                
                    
                </textarea>                                                  <!--定义了一个多行文本的特殊格式;cols=“30”:向右30,rows=“10”:向下10;font-size="0",消除空格和回车-->
        <br>
        <input type="button" value="第一个:button提交按钮">                   <!--定义一个按钮,只能看不能用-->
        <input type="reset" value="重新来过">                                  <!--定义一个重置按钮-->
        <input type="submit" value="提交按钮">                                  <!--定义一个提交按钮-->
        <button>第二个:button标签定义的按钮</button>                              <!--button按钮在表单里可以自动产生提交功能-->
        <br>
    </form>
    </fieldset>
    <br>
View Code

效果示例:

原文地址:https://www.cnblogs.com/PHP0222wangdong/p/10440073.html