<body>
<form action="">
<div>
<input type="tel">用于电话输入
</div>
<div>
<input type="number">输入数字
</div>
<div>
<input type="time">输入时间
</div>
<div>
<input type="email">输入邮件
</div>
<div>
<input type="date" name="" id="" value="2019-06-24">默认日期
</div>
<div>
<input type="time" value="11:30">默认时间文本
</div>
<div>
<input type="date">输入日期的文本
</div>
<div>
<input type="range">数字滑动选择
</div>
<div>
<input type="password">输入密码隐藏
</div>
<div>
<input type="datetime-local">用于输入日期和时间的文本框
</div>
<div>
<input type="datetime-local" value="2019-06-24T15:20">带默认日期和时间的文本框
</div>
<div>
<input type="month">用于输入月份的文本框
</div>
<div>
<input type="month" value="2019-06">带默认的月份
</div>
<div>
<input type="week">用于输入第几周
</div>
<div>
<input type="color">颜色选择框
</div>
<div>
<input type="text" name="" id="" placeholder="输入领取港仔一个">属性可以指定
</div>
<div>
<input type="password" name="password" id="" placeholder="请输入领取港仔一个的密码" >密码框
</div>
<div>
<input type="text" name="" id="" minlength="2" maxlength="10" >最大输入 最小输入
</div>
<div>
<input type="file" name="" id="" placeholder="请输入密码">文件选择框
</div>
<div>
<input type="submit">提交
</div>
<div>
<input type="text" name="" id="" placeholder="请输入账号">
</div>
<div>
<input type="password" name="" id="" placeholder="请输入密码">
</div>
<label >
<input type="radio" name="sex" id="" checked >男
<input type="radio" name="sex" id="">女
</label>
<div>
<input type="submit" name="" id="" value="提交">
</div>
<label for="seljob">选择职位：</label>
<select id="seljob">
<optgroup label="开发部">
<option>
主管
</option>
<option>
经理
</option>
<option>
程序员
</option>
</optgroup>
<optgroup label="销售部">
<option>
主管
</option>
<option>
经理
</option>
<option>
销售员
</option>
</optgroup>
</select>
</form>
<div>
<label>请填写你使用的浏览器：
<input list="xx" type="text">
</label>
<datalist id="xx">
<option value="Chrome">谷歌浏览器</option>
<option value="IE">IE浏览器</option>
<option value="Opera">欧鹏浏览器</option>
<option value="Firefox">火狐浏览器</option>
<option value="Safari">苹果浏览器</option>
</datalist>
</div>
<form action="">
<input class="input" type="text">
<input type="text">
<br>
<label for="txtpersonal">请填写你的个性签名：</label>
<br>
<textarea style="height:300px;200px;background:wheat">
</textarea>
</form>
<form action="">
<fieldset>
<legend>账号信息</legend>
<div>
账号: <input type="text" disabled value="kangkang">
</div>
<div>
密码: <input type="text" readonly name="" id="" value="kangkangya">
</div>
</fieldset>
<fieldset>
<legend>身份信息</legend>
<div>
姓名： <input type="text" value="某某某" >
</div>
<div>
性别：<label >
<input type="radio" name="sex" id="" checked>男
<input type="radio" name="sex" id="">女
</label>
</div>
<div>
生日: <input type="date" name="" id="" value="2018-06-24">
</div>
</fieldset>
<fieldset>
<legend>特别说明</legend>
<textarea name="" id="" style="height:300px;200px;background:wheat;color:red">此文档严禁复制，后果自负</textarea>
</fieldset>
<div>
<input type="submit" value="提交">
</div>
</form>