<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"> hobby </ label>
<-! Password box ->
<the INPUT of the type = "password" name = "" the above mentioned id = "">
<-! Image submitted ->
<the INPUT of the type = "image" src = "../ html / img / TT theme unnamed .jpg" class = "one" value = " submit">
<! - reset ->
<INPUT type = "rESET" value = "reset">
<! - time ->
<the INPUT of the type = "time">
<! - file Upload ->
<the INPUT of the type = "file">
<! - digital text box ->
<the 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 address ->
<the INPUT of the type = "url">
<-! Enter dates ->
<the INPUT of the type = "DATE">
<-! Enter the date and time ->
<the INPUT of the type = "datetime -local ">
<! - color ->
<the INPUT of the type =" color "name =" "the above mentioned id =" ">
<! - drop-down list ->
<! - first ->
<the SELECT name = "City" ID = "" size = ". 4">
<optgroup label = "first group">
<Option value = "" Selected> Chengdu </ Option>
<Option value = ""> Shanghai </ Option>
< / optgroup>
<optgroup label = "second group">
<the Option value = ""> Hokuto </ option>
<the Option value = ""> Qinghai </ option>
</ optgroup>
</ the SELECT>
<-! The second ->
<List the INPUT = "the Apple" the above mentioned id = "myapple" name = "the Apple">
<the DataList the above mentioned id = "the Apple" name = "the Apple">
< option value = "Hokuto"> </ the Option>
<option value = "Qinghai"> </ the Option>
</ the DataList>
<-! multiline text box ->
<the TextArea rows = "5" cols = "30" placeholder = "message"> </ the TextArea>
<- box ->!
<fieldset>
<Legend> content title </ legend>
name: < 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"> hobby </ label>
<-! Password box ->
<the INPUT of the type = "password" name = "" the above mentioned id = "">
<-! Image submitted ->
<the INPUT of the type = "image" src = "../ html / img / TT theme unnamed .jpg" class = "one" value = " submit">
<! - reset ->
<INPUT type = "rESET" value = "reset">
<! - time ->
<the INPUT of the type = "time">
<! - file Upload ->
<the INPUT of the type = "file">
<! - digital text box ->
<the 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 address ->
<the INPUT of the type = "url">
<-! Enter dates ->
<the INPUT of the type = "DATE">
<-! Enter the date and time ->
<the INPUT of the type = "datetime -local ">
<! - color ->
<the INPUT of the type =" color "name =" "the above mentioned id =" ">
<! - drop-down list ->
<! - first ->
<the SELECT name = "City" ID = "" size = ". 4">
<optgroup label = "first group">
<Option value = "" Selected> Chengdu </ Option>
<Option value = ""> Shanghai </ Option>
< / optgroup>
<optgroup label = "second group">
<the Option value = ""> Hokuto </ option>
<the Option value = ""> Qinghai </ option>
</ optgroup>
</ the SELECT>
<-! The second ->
<List the INPUT = "the Apple" the above mentioned id = "myapple" name = "the Apple">
<the DataList the above mentioned id = "the Apple" name = "the Apple">
< option value = "Hokuto"> </ the Option>
<option value = "Qinghai"> </ the Option>
</ the DataList>
<-! multiline text box ->
<the TextArea rows = "5" cols = "30" placeholder = "message"> </ the TextArea>
<- box ->!
<fieldset>
<Legend> content title </ legend>
name: < input type="text" name="" value="">
<p>qwdefrgtyuiosdfghjkl;zxcvbnm,</p>
</fieldset>
</form>
</body>
</body>
</html>