<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit" value="Submit">submit</button>
</form>
如果你想把一個文本輸入字段設置為必填項,在你的input
元素中加上required
屬性就可以了,你可以使用:<input type="text" required>
單選按鈕的例子:
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
給你的表單添加兩個單選按鈕,一個叫indoor
,另一個叫outdoor
。
下面是復選按鈕的例子:
<label><input type="checkbox" name="personality"> Loving</label>
checked默認被選中
元素的 margin
控制元素的 border
和元素實際所占空間的距離。
如果你將一個元素的 margin
設置為負值,元素將會變大。
padding: 10px 20px 10px 20px;
這四個值以順時針方式排列:頂部、右側、底部、左側,簡稱:上右下左。
id 聲明都會覆蓋 class 聲明。
很多情況下,你會使用 CSS 庫,這些庫可能會意外覆蓋掉你自己的 CSS。所以當你需要確保某元素具有指定的 CSS 時,你可以使用!important
。
#后面 前兩位是紅 中間是綠 后面是藍