form表单

 form表单里面的fieldset标记,用于给表单添加外边框,legend标记为表单添加标题
label标记,用于显示文本,它包含一个for属性,绑定其它标记的id之后可以直接点击就进入其它标记。表单的控件主要包括input控件、下拉列表select控件、多行文本框textarea控件。
    <form method="get/post" action="处理表单的网页" enctype="form/multipart">
    <!--get的安全性不如post,大小只有255字节-->
    <!--action后面跟#表示当前页处理,JavaScript:;表示点击不跳转-->
      <fieldset>
       <legend>表单标题</legend>
       <div name="input控件">
       <label for="userName">点击这里进入id为userName的控件</label><input type="text" id="userName" name="外部获取本控件信息的标识符" value="在本页面取的值"></br>
      <input type="radio" name="gender" checked="true" value="具体的值">当我们将radio的那么取一样的时候,则只能在里面选一个<input type="radio" name="gender" value="具体的值">checked属性表示选择</br>
     <input type="checkBox" name="city" checked="true" value="1">同名表示是一组
     <input type="checkBox" name="city" checked="true" value="2">可以多选</br>
     <input type="file"><!--文件上传,样式不可更改,有该控件的表单必须有enctype属性-->
     </div>
    <div name="select控件">
    <select size="1"><option selected="true" value="1">默认第一个被选中</option><option value="2">size表示默认显示几个</option><option value="3">剩余的将用滚动条显示</option></select>
    </div>
    <div name="textArea控件"><input type="textArea" cols="列数量" rows="行数量"></div>
    <div><input type="submit" value="点击会提交表单"><input type="reset" value="点击会初始化表单"></div>
    </fieldset> 
    </form>

原文地址:https://www.cnblogs.com/quanby/p/5547779.html