本章描述所有 HTML 表单元素。
创新互联建站是一家集网站建设,青山企业网站建设,青山品牌网站建设,网站定制,青山网站建设报价,网络营销,网络优化,青山网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
最重要的表单元素是 <input> 元素。
<input> 元素根据不同的 type 属性,可以变化为多种形态。
注释:下一章讲解所有 HTML 输入类型。
<select> 元素定义下拉列表:
实例 <select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat">Fiat</option><option value="audi">Audi</option></select><option> 元素定义待选择的选项。
列表通常会把首个选项显示为被选选项。
您能够通过添加 selected 属性来定义预定义选项。
实例 <option value="fiat" selected>Fiat</option><textarea> 元素定义多行输入字段(文本域):
实例 <textarea name="message" rows="10" cols="30">The cat was playing in the garden.</textarea>以上 HTML 代码在浏览器中显示为:
The cat was playing in the garden.<button> 元素定义可点击的按钮:
实例 <button type="button" onclick="alert('Hello World!')">Click Me!</button>以上 HTML 代码在浏览器中显示为:
HTML5 增加了如下表单元素:
<datalist><keygen><output>注释:默认地,浏览器不会显示未知元素。新元素不会破坏您的页面。
<datalist> 元素为 <input> 元素规定预定义选项列表。
用户会在他们输入数据时看到预定义选项的下拉列表。
<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性。
实例通过 <datalist> 设置预定义值的 <input> 元素:
<form action="action_page.php"><input list="browsers"><datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"></datalist> </form>
新闻标题:HTML表单元素-3.2HTML表单
文章转载:/article8/dghhdop.html
成都网站建设公司_创新互联,为您提供自适应网站、定制开发、外贸建站、网站排名、品牌网站建设、ChatGPT
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联