Html/Css--建立輸入框與發送按鈕

Posted by: bart30508 | in Html/Css | 11 months ago |

Html/Css--建立輸入框與發送按鈕

使用HTML INPUT 標籤

Type = submit,這是用來製作「按鈕」的,只需要在html當中輸入

<input type="submit">

就會有相對應的按鈕產生了

若想要修改裡面文字的預設值,只需要在後面加上value=就可以了,像是我把它改成「確認」,只需要輸入

<input type="submit" value="確認">

按鍵就會變成!


Type = text這個指令,也就是建立一個文字框 <input type="text">

就會出現如下的文字框

但就這樣一個框框,網友根本常常搞不清楚狀況,所以我們可以使用placeholder這樣的語法,來增加說明文字,例如我把語法改成:

這時候,我們的文字框當中就會增加預設的文字,網友一旦點選,這些預設文字就會不見

和剛剛類似,我們也可以在inupt後面放value,但這麼做的話,等於是預先幫網友填好內容,而不是像上面一樣是說明文字

參考來源: https://pjchender.blogspot.com/2015/04/htmlinputcss.html

tags: Frontend
Currently unrated
 or 

Subscribe

* indicates required

Recent Posts

Archive

2022
2021

Categories

Apache 1

Data Science 2

Dbfit 1

Design Pattern 1

Devops 3

DigitalOcean 1

Django 1

English 3

Excel 5

Flask 3

Git 1

HackMD 1

Heroku 1

Html/Css 1

Linux 4

Machine Learning 2

Manufacture 1

Mezzanine 18

Oracle 1

Postgresql 7

PowerBI 4

Powershell 4

Python 21

SEO 2

SQL Server 51

SQLite 1

Windows 1

database 8

work-experience 1

其他 1

自我成長 1

資料工程 1

Tags

SEO(1) Github(2) Title Tag(2) ML(1) 李宏毅(1) SQL Server(18) Tempdb(1) SSMS(1) Windows(1) 自我成長(2) Excel(1) python Flask(1) python(5) Flask(2)

Authors

bart30508 (146)

Feeds

RSS / Atom

Html/Css--建立輸入框與發送按鈕

© COPYRIGHT 2011-2022. Max的文藝復興. ALL RIGHT RESERVED.