<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.one {
width: 100px;
height: 100px;
}
</style>
</head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.one {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<form action="#" method="">
<!-- 按钮 -->
<input type="button" value="提交" >
<form action="#" method="">
<!-- 按钮 -->
<input type="button" value="提交" >
<input type="submit" value="点击">
<!-- 文本框 -->
<input type="text" class="text" name="one" placeholder="提示消息" disabled>
<!-- 单选框 -->
<input type="radio" name="qwe" id="qwe1" value="man" checked>
<label for="qwe1">男</label>
<input type="radio" name="qwe" id="qwe" value="woman">
<label for="qwe">女</label>
<!-- 复选框 -->
<input type="checkbox" name="qwe" id="qwe">
<label for="qwe">爱好</label>
<input type="checkbox" name="qwe2" id="qwe2">
<label for="qwe2">爱好</label>
<input type="checkbox" name="qwe3" id="qwe3">
<label for="qwe3">爱好</label>
<!-- 密码框 -->
<input type="password" name="" id="">
<!-- 图片提交 -->
<input type="image" src="../html/img/TT截图未命名.jpg" class="one " value="提交">
<!-- 重置 -->
<input type="reset" value="重置">
<!-- 时间 -->
<input type="time">
<!-- 文件上传 -->
<input type="file">
<!-- 数字文本框 -->
<input type="number" step="2" min="0" max="5">
<!-- 数字滑动 -->
<input type="range" step="2" min="0" max="5">
<!-- 电话 -->
<input type="tel" pattern="1/d{10}" >
<!-- url地址 -->
<input type="url" >
<!-- 输入日期 -->
<input type="date" >
<!-- 输入日期时间 -->
<input type="datetime-local" >
<!-- 颜色 -->
<input type="color" name="" id="">
<!-- 下拉列表 -->
<!-- 第一种 -->
<select name="city" id="" size="4">
<optgroup label="第一组" >
<option value="" selected>成都</option>
<option value="">上海</option>
</optgroup>
<optgroup label="第二组" >
<option value="">北都</option>
<option value="">青海</option>
</optgroup>
</select>
<!-- 第二种 -->
<input list="apple" id="myapple" name="apple">
<datalist id="apple" name="apple" >
<option value="北都"></option>
<option value="青海"></option>
</datalist>
<!-- 多行文本框 -->
<textarea rows="5" cols="30" placeholder="提示信息" ></textarea>
<!-- 框 -->
<fieldset>
<legend>内容标题</legend>
名字:<input type="text" name="" value="">
<p>qwdefrgtyuiosdfghjkl;zxcvbnm,</p>
</fieldset>
<!-- 文本框 -->
<input type="text" class="text" name="one" placeholder="提示消息" disabled>
<!-- 单选框 -->
<input type="radio" name="qwe" id="qwe1" value="man" checked>
<label for="qwe1">男</label>
<input type="radio" name="qwe" id="qwe" value="woman">
<label for="qwe">女</label>
<!-- 复选框 -->
<input type="checkbox" name="qwe" id="qwe">
<label for="qwe">爱好</label>
<input type="checkbox" name="qwe2" id="qwe2">
<label for="qwe2">爱好</label>
<input type="checkbox" name="qwe3" id="qwe3">
<label for="qwe3">爱好</label>
<!-- 密码框 -->
<input type="password" name="" id="">
<!-- 图片提交 -->
<input type="image" src="../html/img/TT截图未命名.jpg" class="one " value="提交">
<!-- 重置 -->
<input type="reset" value="重置">
<!-- 时间 -->
<input type="time">
<!-- 文件上传 -->
<input type="file">
<!-- 数字文本框 -->
<input type="number" step="2" min="0" max="5">
<!-- 数字滑动 -->
<input type="range" step="2" min="0" max="5">
<!-- 电话 -->
<input type="tel" pattern="1/d{10}" >
<!-- url地址 -->
<input type="url" >
<!-- 输入日期 -->
<input type="date" >
<!-- 输入日期时间 -->
<input type="datetime-local" >
<!-- 颜色 -->
<input type="color" name="" id="">
<!-- 下拉列表 -->
<!-- 第一种 -->
<select name="city" id="" size="4">
<optgroup label="第一组" >
<option value="" selected>成都</option>
<option value="">上海</option>
</optgroup>
<optgroup label="第二组" >
<option value="">北都</option>
<option value="">青海</option>
</optgroup>
</select>
<!-- 第二种 -->
<input list="apple" id="myapple" name="apple">
<datalist id="apple" name="apple" >
<option value="北都"></option>
<option value="青海"></option>
</datalist>
<!-- 多行文本框 -->
<textarea rows="5" cols="30" placeholder="提示信息" ></textarea>
<!-- 框 -->
<fieldset>
<legend>内容标题</legend>
名字:<input type="text" name="" value="">
<p>qwdefrgtyuiosdfghjkl;zxcvbnm,</p>
</fieldset>
</form>
</body>
</body>
</html>