HTML基础02

2020-06-09 16:01:08来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

HTML基础02

表单form

  • 作用:用于获取用户输入的信息,并且将信息提交到服务器
  • 学习表单就是学习表单中有哪些控件.比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(vheckboxes)等等。
  • 表单通常使用表单标签<from>来设置:

   <form> <input /> </form> 

  • 文本框:通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

    <input type="text" name="username" value="xxx" maxLength="5" readonly="readonly" placeholder="xxxx" 

    <!-- 文本框 value:默认值 placeholder:占位文本 maxlength:最大字符长度 readonly:只读,固定不变-->

  • 密码框:过标签<input type="password"> 来定义:

    <input type="password" name="pwd" value="xxx" maxLength="5" readonly="readonly" placeholder="xxxx" >
    <!-- 文本框和密码框的属性通用 -->
  • 单选框:<input type="radio"> 标签定义了表单单选框选项

    <input id="xxx" type="radio" name="xxx" value="xx" checked="checked">
    <label for="xxx">xxxx</label>

     <!-- 单选框:必须写value,如果不写提交过去的内容都是on,label中的for与单选框的id一致,可以点label里的文本选择对应的单选框

     checked="checked":默认选中-->

  • 复选框:<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

    <input id="xxx" type="checkbox" name="xxx" value="xx" checked="checked">
    <!-- 复选和单选属性通用 -->
  • 日期:

     <input type="date" name="xxx"> 
    
  • 文件

     <input type="file" name="xxxx"> 
    
  • 文本域

    <textarea name="xxx" cols="20" rows="5" placeholder="xxxx"></textarea>
  • 下拉选 city=bj

 

  

<select name="city">
    <option value="bj">北京</option>
    <option value="sh" selected="selected">上海</option>
    <option value="sz">深圳</option>
</select>    
<!-- 下拉选 selected="selected":默认选中-->

 


原文链接:https://www.cnblogs.com/enterty/p/13044924.html
如有疑问请与原作者联系

标签:服务器信息ClassnamePOST学习

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:转行WEB前端 感觉很迷茫 该怎么做?

下一篇:HTML基础教程_1