<p>名字: <input type="text" name="username" size="33"></p>    <!-- text指输入框  size 文本框的长度 -->
<p>密码: <input type="password" name="pwd" maxlength="8" size="33"></p>    <!-- password指密码框   maxlength最大长度 -->   

<form action="史迪奇的第一个网站.html" mathod="get"></iframe>    <!-- get方式提交 uil可以看到提交信息 不安全 但是高效 -->
<form action="史迪奇的第一个网站.html" mathod="post"></iframe>   <!-- post方式提交 Form Data可以看到提交信息 比较安全 传输大文件 -->

<p>
    <input type="radio" value="boy" name="sex"/>男
    <input type="radio" value="girl" name="sex"/>女
</p>

<p>
    <input type="checkbox" value="code" name="hobby"/>敲代码
    <input type="checkbox" value="sleep" name="hobby"/>睡觉
    <input type="checkbox" value="eat" name="hobby"/>吃饭
</p>

<p>
    <input type="button" value="code" name="btn1"/>   <!-- button普通按钮 -->
    <input type="image" src="..."/>   <!-- 图片按钮 这里懒得添加图片了-->
    <input type="submit">       <!-- submit提交 -->
    <input type="reset">        <!-- reset重置 -->
</p>

<p>
地区:
    <select name="列表名称">
    <option value="选择地区">金星</option>
    <option value="选择地区">木星</option>
    <option value="选择地区">水星</option>
    <option value="选择地区">火星</option>
    <option value="选择地区">图星</option>
    <option value="选择地区">地球</option>
    </select>
</p>

<p>反馈:
     <!--textarea表示文本域 cols表示列 row表示行 -->
    <textarea name = "textarea" cols="50" row="10">文本内容</textarea>    
</p>

<p>请选择文件:
    <input type="file" name="files">
    <input type="button" value="上传" name="upload">
</p>

<p>邮箱:
    <input type="email" name="email">   <!-- email表示邮箱 -->
</p>
 
<p>网址:
    <input type="url" name="url">       <!-- url表示网址 -->
</p>
 
<p>商品数量:
    <input type="number" name="num" max="100" min="0" step="1">       <!-- number表示数字 max表示最大值 min表示最小值 step表示步长 -->
</p>
 
<p>声音大小:
    <input type="range" name="voice" max="100" min="0" step="1" >       <!-- range表示滑块 max表示最大值 min表示最小值 step表示步长 -->
 
</p>
<p>搜索框:
    <input type="search" name="search">       <!-- search表示搜索框 -->
</p>

<p>名字: <input type="text" name="username" size="33"></p>
<p>密码: <input type="password" name="pwd" maxlength="8" size="33" hidden></p>    <!-- hidden表示隐藏 -->

<span>贱贱的操作:</span>
 <p>名字: <input type="text" name="username" value="史迪奇国王" readonly></p>   <!-- readonly表示只读 -->
 <p>密码: <input type="password" name="pwd"></p>

<p>
    <input type="radio" value="boy" name="sex"/>男
    <input type="radio" value="girl" name="sex" checked disabled/>女  <!-- checked disabled表示禁用 假如你是男生也会默认给你性别女, 并且不能更改 -->
</p>

<p>
    <label for="sdq">扩大范围至文字</label>  <!-- label标签扩充鼠标的可用性 -->
    <input type="text" id="sdq">
</p>

<p>账户: <input type="text" name="username" size="33" placeholder="请输入账号" required></p>   <!-- required表示非空状态 也就是说必须要填 -->
<p>密码: <input type="password" name="pwd" maxlength="8" size="33" placeholder="请输入密码"></p>   <!-- placeholder表示提示信息 -->

<p>自定义邮箱
    <input type=text name="diymain" pattern="邮箱的正则表达式">  <!-- pattern表示正则表达式  diy意思是自定义 -->
</p>