iT邦幫忙

2022 iThome 鐵人賽

DAY 21
1
Modern Web

訂單網頁嘗試集系列 第 21

{Day21} 小公主訂單網頁嘗試集_第二十一集_form

  • 分享至 

  • xImage
  •  

第三週最後一天,想讓你們學個實用ㄉ東西!

表單功能!!

其實表單要建立完整的話,要有前端的設計跟表格規劃,後面也要連動到後端才是完好的表單設計!
but
萬物都有但是
但是小公主技術能力還沒攝取到後端,瀏覽許多網頁,幾乎都會使用到後端的php或是其他未知領域的龐大知識!

鐵人賽30天學習目標就是每天學一點東西,再將習得新知放上來跟大家分享
因此,我也不能分享我不會的東西!

表單程式碼:

<form action="/formprocess.php" method="post">

    <p>Name:</p>
    <p><input type="text" name="name" placeholder="你的名字"></p>

    <p>Email:</p>
    <p><input name="species" type="text"></p>

    <p>Comments: </p>
    <p><textarea name="comments" rows="5" cols="12" placeholder="你的留言"></textarea></p>

    <p>請問你最有興趣學習的技術:</p>
    <p><input type="radio" name="interest" value="html"> HTML</p>
    <p><input type="radio" name="interest" value="css"> CSS</p>
    <p><input type="radio" name="interest" value="js"> JavaScript</p>

    <p><input type="submit" value="送出資料"></p>
</form>

網頁呈現:
https://ithelp.ithome.com.tw/upload/images/20221006/20151423Pp7HzZvK8B.png

以上是小公主第三週最後一天的進度!!
明天可能會開始一些整合型的東西
感覺就超多問題
qwq
好好撐下去!

參考資料:
https://www.minwt.com/webdesign-dev/html/21744.html
https://tools.wingzero.tw/article/sn/8
https://aws.amazon.com/tw/what-is/javascript/
https://blog.xuite.net/vexed/tech/47995676#
https://www.fooish.com/html/form.html


上一篇
{Day20} 小公主訂單網頁嘗試集_第二十集_資源介紹
下一篇
{Day22} 小公主訂單網頁嘗試集_第二十二集_實作初天
系列文
訂單網頁嘗試集30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Wozski
iT邦新手 5 級 ‧ 2022-10-06 18:13:36

樓主加油!

我要留言

立即登入留言