type的属性

输入框示例
text 默认文本

		  <label for="username">用户名:</label>
		  <input type="text" id="username" name="username"><br><br>

password 密码

          <label for="password">密码:</label>
		  <input type="password" id="password" name="password"><br><br>

复选框示例

		  <input type="checkbox" id="agree" name="agree" value="yes">
		  <label for="agree">我同意使用条款</label><br><br>

单选按钮示例

		  <input type="radio" id="male" name="gender" value="male">
		  <label for="male">男性</label><br>
		  
		  <input type="radio" id="female" name="gender" value="female">
		  <label for="female">女性</label><br><br>

按钮示例

		  <input type="submit" value="提交">
		  <input type="reset" value="重置">
		  <button type="button" οnclick="alert('你点击了按钮！')">点击我<tton><br><br>

文件选择示例

		  <label for="file">选择文件:</label>
		  <input type="file" id="file" name="file"><br><br>

日期选择示例

		  <label for="birthdate">选择生日:</label>
		  <input type="date" id="birthdate" name="birthdate"><br><br>

电子邮件输入示例

		  <label for="email">邮箱地址:</label>
		  <input type="email" id="email" name="email"><br><br>

数字输入示例

		  <label for="quantity">数量:</label>
		  <input type="number" id="quantity" name="quantity"><br><br>

滑动条输入示例

		  <label for="volume">音量:</label>
		  <input type="range" id="volume" name="volume"><br><br>

搜索输入示例

		  <label for="search">搜索:</label>
		  <input type="search" id="search" name="search"><br><br>

电话号码输入示例

		  <label for="phone">电话号码:</label>
		  <input type="tel" id="phone" name="phone"><br><br>

URL地址输入示例

		  <label for="website">网站链接:</label>
		  <input type="url" id="website" name="website"><br><br>

颜色选择示例

		  <label for="color">选择颜色:</label>
		  <input type="color" id="color" name="color"><br><br>

时间选择示例

		  <label for="meeting-time">选择会议时间:</label>
		  <input type="time" id="meeting-time" name="meeting-time"><br><br>

多行文本输入示例

		  <label for="message">留言:</label><br>
		  <textarea id="message" name="message" rows="4" cols="30"></textarea><br><br>

下拉列表示例

		  <label for="car">选择汽车:</label>
		  <select id="car" name="car">
		    <option value="volvo">沃尔沃</option>
		    <option value="saab">萨博</option>
		    <option value="mercedes">奔驰</option>
		    <option value="audi">奥迪</option>
		  <lect><br><br>