web前端day02-网页form表单

/ web前端 / 没有评论 / 402浏览
day02

超链接a标签

表格标签 table

form表单

- 文本框

    <!-- text 文本框    
      name="username"提交数据时的key
        value:代表文本框的初始值”
        placeholder:占位文本
        maxlength:文本框输入内容的总共长度
        readonly:只读-->
    <input type="text" name="username" value= admin  placeholder="用户名" maxlength="5" readonly="readonly">

- 密码框

    <!--type= password 密码框-->
    <input type="password" name="password" MAXLENGTH="5" PLACEHOLDER="密码">

- 单选框

      <!--单选框--> 
      <input type="redio" name="gendar" value="nan" checked="checked" id="nan"><label for>男</label><br>

- 文件选择器

    <!--文件选择器 -->
    靓照:<input type="file" name="pic"><br>

- 多选框

<!-- 多选框(复选框) type=checkbox   chenked:默认选中 -->
    爱好:<input type="checkbox" name="hobby" value="code" checked="checked">撸代码
        <input type="checkbox" name="hobby" value="wz">王者荣耀
        <input type="checkbox" name="hobby" value="gdx">搞对象
        <input type="checkbox" name="hobby" value="yd">运动<br>

- 日期选择器

 <!-- 日期选择器 -->
 <input type=data> 

- 隐藏域

    !-- 隐藏域:当需要给服务器传递参数 但是此参数又不需要给用户展示时 使用隐藏域-->
    <input type="hidden" name="xxx" value="yyy"><br>

- 文本域

 <!-- 文本域 (获取用户输入大量文本内容时,单行内容使用文本框)-->
    个人介绍:<textarea rows="3" cols="20" >这家伙很懒,什么也没有留下</textarea>

- 下拉选菜单

<!-- 下拉菜单  selected="selected" 默认选中 -->
    所在地:
    <select name="city">
        <option>请选择</option>
        <option value="BJ">北京</option>
        <option value="SH">上海</option>
        <option value="GZ">广州</option>
        <option value="CD" selected="selected">成都</option>
    </select>

- 关于按钮

<!-- submit 提交按钮 -->
<input type="submit" value="注册">

<!-- 重置按钮 --> <input type="reset" value="reset">

<!-- 自定义按钮 --> <input type="button" value="按钮">


form表单全部代码