使用 HTML 的 Multiple 属性
为了达到这个目标,你可以使用 HTML 的 multiple 属性。
在浏览器和操作系统上选择多个 HTML 回复值。
因此,下面我们将演示要采取的措施:
- 在 Windows 上,我们应该按住 + CTRL 键来选择多个选项。
- 在 Mac 上,需要按住命令键才能选择多个选项。
使用 HTML 创建项目列表的示例如下所示:
<!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> <form method="post" action="/form/submit"> <h4>SELECT SUJECTS</h4> <!--Using multiple to select multiple value--> <select name="subject" multiple size="6"> <option value="english">ENGLISH</option> <option value="maths">MATHS</option> <option value="computer">COMPUTER</option> <option value="chemistry">CHEMISTRY</option> <option value="geography">GEOGRAPHY</option> <option value="italian">ITALIAN</option> </select> <input type="submit" name="submit" value="Submit"> </form> </body> </html>
现在,让我们从列表中检索多个选定的值。
我们需要使用 form 方法和循环来获取所选值:
<!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> <!--name.php to be called on form submission--> <form method="post" action="/form/submit"> <h4>SELECT SUJECTS</h4> <select name='subject[]' multiple size=6> <option value='english'>ENGLISH</option> <option value='maths'>MATHS</option> <option value='computer'>COMPUTER</option> <option value='chemistry'>CHEMISTRY</option> <option value='geography'>GEOGRAPHY</option> <option value='italian'>ITALIAN</option> </select> <input type="submit" name="submit" value="Submit"> </form> </body> </html> <?php //检查表单是否提交成功 if(isset($_POST["submit"])) { //检查是否选择了选项 if(isset($_POST["subject"])) { //检索每个选定的选项 foreach ($_POST['subject'] as $subject) print "You selected $subject<br/>"; } else echo "Select an option first !!"; } ?>
日期:2020-06-02 22:15:49 来源:oir作者:oir