HTML -- 表单元素2
2024-09-04 23:44:16
(1)<select>元素(下拉列表)
<html>
<body>
<!-- 表单处理程序在action属性中指定 -->
<form action='action_page.php'>
<select name="cars">
<option value="audi">Audi</option>
<option value="bwm">BWM</option>
<option value="toyato">TOYATO</option>
</select>
<br />
<input type="submit" value="提交">
</form>
</body>
</html> 运行结果:
PS:
(1)<option> 元素定义待选择的选项。
(2)列表通常会把首个选项显示为被选选项。
(3)可够通过添加 selected 属性来定义预定义选项。
<option value="fiat" selected>Fiat</option>
(2)<button>元素
<button> 元素定义可点击的按钮,配合onclick使用,可点击生成alert弹框:
<html>
<body>
<!-- 表单处理程序在action属性中指定 -->
<button type="button" onclick="alert('hello world')">点击我</button>
</body>
</html>
(3)<datalist> 元素
<datalist> 元素为 <input> 元素规定预定义选项列表。
用户会在他们输入数据时看到预定义选项的下拉列表。
<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性。
<html>
<body>
<!-- 表单处理程序在action属性中指定 -->
<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Safaro">
<option value="Opera">
</datalist>
<input type="submit" value="提交查询">
</form>
</body>
</html>
参考:https://www.w3school.com.cn
最新文章
- Smart3D系列教程3之 《论照片三维重建中Smart3D几个工作模块的功能意义》
- Linux-PAM认证模块
- HDU2196 Computer(树形DP)
- ARC指南1 - strong和weak指针
- 分布式缓存(Cache)
- JAVA 对象初始化的过程
- RTP/RTCP/RTSP/RSVP/SDP
- poj3122--二分加贪心
- c++ cin>;>;详解
- 【Django】request 处理流程(转)
- CSS三种样式表
- Day2 - Linux发展史
- 实现 node_modules 共享
- SQL*Plus工具使用 sqlplus / as sysdba登录
- PHP 查询脚本
- 自动化web前端测试,自动登录网站.目前发现最靠谱的方法是imacros
- Python-GIL 进程池 线程池
- OpenGL教程和书籍
- Paxos算法细节详解(一)
- MongoDB图形化管理工具Toad Mac Edition
热门文章
- Java实现经典七大经典排序算法
- CVT1100 错误的修复 2009-10-12 11:38
- 编译Uboot时出错:【已解决】 /bin/bash: arm-linux-gcc: command not found dirname: missing operand Try &#39;dirname --help&#39; for more information.
- firewall几个常用命令
- Linux上通过curl发送PUT和POST请求
- day35:线程队列&;进程池和线程池&;回调函数&;协程
- kolla build 配置
- 《p5.js创意游戏编程》第一课:跳动的小球
- Jmeter+Ant+jenkins实现api自动化测试的持续集成
- P2607 [ZJOI2008]骑士 基环树,树dp;