lovecoding
/
W260426


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 输入框 input标签 type属性等于text 用于定义输入框  -->
    <input type="text">
    <!-- 密码框 input标签 type属性等于password 用于定义密码框  -->
    <input type="password">
    <!--普通按钮 input标签 type属性等于button 用于定义普通按钮  value属性 用于定义按钮的文本内容 -->
    <input type="button" value="按钮">
    <!-- 提交按钮 input标签 type属性等于submit 用于定义提交按钮  value属性 用于定义按钮的文本内容 -->
    <input type="submit" value="提交">
    <!-- 重置按钮 input标签 type属性等于reset 用于定义重置按钮  value属性 用于定义按钮的文本内容 -->
    <input type="reset" value="重置">
    <!-- button标签 用于定义按钮 -->
    <button>按钮</button>
    <!-- 复选框 input标签 type属性等于checkbox 用于定义复选框  name属性 用于定义复选框的名称   -->
    <input type="checkbox" name="ball"> 篮球
    <input type="checkbox" name="ball"> 足球
    <input type="checkbox" name="ball"> 排球
    <input type="checkbox" name="ball"> 乒乓球
    <!-- 单选框 input标签 type属性等于radio 用于定义单选框  name属性 用于定义单选框的名称 单选框只能选择一个选项必须使用相同的name属性  -->
    <input type="radio" name="gender"> 男
    <input type="radio" name="gender"> 女
    <!-- 下拉选择框 select标签 用于定义下拉选择框  option标签 用于定义下拉选择框的选项  value属性 用于定义下拉选择框的选项的值  -->
    <select>
        <option value="1">黑龙江</option>
        <option value="2">吉林</option>
        <option value="3">辽宁</option>
    </select>
    <!-- 文本域 textarea标签 用于定义文本域  rows属性 用于定义文本域的行数  cols属性 用于定义文本域的列数  -->
    <textarea rows="4" cols="50"></textarea>
    <!-- 上传文件 input标签 type属性等于file 用于定义上传文件  -->
    <input type="file">


    <!-- form 表单标签 -->
    <form action="xxx.php">
        <!-- name属性 用于定义表单元素的名称 用于提交表单数据  placeholder属性 用于定义表单元素的占位符  value属性 用于定义表文本框素的默认值  -->
        <input type="text" name="username" placeholder="请输入用户名" value="username">
        <input type="password" name="password" placeholder="请输入密码">
        <input type="submit" value="提交">
    </form>
</body>

</html>