常见html组件


常见html组件
类型 标签 说明 效果
文字 h1..h6 <h4>我是中号字体</h4>

我是中号字体

文字 br 换行
图片 img <img src="smiley-2.gif" alt="Smiley face" width="42" height="42">
嵌入 iframe <iframe src="http://www.smartchart.cn"></iframe>
链接 a <a href="http://www.smartchart.cn" target="_blank">访问smartchart</a>
输入 select <select><option value="smartpip">Volvo</option>...</select>
输入 input <input type="button" value="点我" onclick="msg()">
输入 input <input type="checkbox" name="vehicle" value="Bike"> 我有一辆自行车
输入 input <input type="date" name="bday">
输入 input <input type="datetime-local" name="bdaytime"> 日期和时间:
输入 input <input type="email" name="usremail"> E-mail:
输入 input <input type="file" name="img">
输入 input <input type="hidden" name="country" value="Norway"> 隐藏字段对于用户是不可见的。隐藏字段常常存储默认值
输入 input <input type="image" src="img_submit.gif" alt="Submit"> 定义图像作为提交按钮
输入 input <input type="month" name="bdaymonth"> 月和年:
输入 input <input type="number" name="quantity" min="1" max="5">
输入 input <input type="password" name="pwd">
输入 input <input type="radio" name="gender" value="male"> Male<input type="radio" name="gender" value="女">女 Male
输入 input <input type="range" name="points" min="1" max="10">
输入 input <input type="search" name="baidusearch"> Search:
输入 input <input type="tel" name="usrtel"> 电话号码:
输入 input <input type="text" name="fname">
输入 input <input type="url" name="homepage"> 主页:
输入 input <input type="week" name="week_year"> 选择周:
  • 如何获取输入的值, 如果定义的是name="usrtel", 那么可使用$("input[name='usrtel']").val();
  • 也可以将name替换成id, 如id="usrtel", 那么可使用$("#usrtel").val()