今天小明去電影院看電影,他在網(wǎng)上預(yù)訂了一張電影票。網(wǎng)站的售票頁面使用了HTML語言,下面是頁面的代碼:
<!DOCTYPE html> <html> <head> <title>電影院售票頁面</title> </head> <body> <h1>歡迎來到電影院!</h1> <form> <fieldset> <legend>選擇電影場次</legend> <input type="radio" name="movie_time" value="10:00" /> 10:00場次 <br/> <input type="radio" name="movie_time" value="14:00" /> 14:00場次 <br/> <input type="radio" name="movie_time" value="18:00" /> 18:00場次 </fieldset> <fieldset> <legend>選擇座位</legend> <table> <tr> <td><input type="checkbox" name="seat[]" value="A1" /> A1 </td> <td><input type="checkbox" name="seat[]" value="A2" /> A2 </td> <td><input type="checkbox" name="seat[]" value="A3" /> A3 </td> </tr> <tr> <td><input type="checkbox" name="seat[]" value="B1" /> B1 </td> <td><input type="checkbox" name="seat[]" value="B2" /> B2 </td> <td><input type="checkbox" name="seat[]" value="B3" /> B3 </td> </tr> </table> </fieldset> <fieldset> <legend>填寫聯(lián)系信息</legend> 姓名:<input type="text" name="name" /> <br/> 電話:<input type="text" name="phone" /> </fieldset> <input type="submit" value="提交訂單" /> </form> </body> </html>
從頁面的代碼中可以看出,售票頁面使用了表單元素,用戶可以選擇電影場次、座位,并填寫聯(lián)系信息。在提交訂單后,網(wǎng)站會收集用戶的信息,并生成相應(yīng)的訂單。這種使用HTML語言建立售票頁面的方法逐漸成為了線上售票的主流。
上一篇vue提交form表單
下一篇html電子賀卡代碼