[クイックキャンパスレッスン後記]フロントエンド100%返却チャレンジ10回
<select> , <datalist> , <optgroup> , <option>
<select>:選択メニュー(プルダウンメニュー)<optgroup>:オプションをグループ化<option>:オプション<datalist>:自動補完機能<select>
<optgroup label="fruit">
<option>Banana</option>
<option>Apple</option>
<option>Orange</option>
</optgroup>
</select><select>
autocomplete:自動補完機能を以前に入力した値として使用するかどうか(on->デフォルトoff)disabled:選択メニュー無効form:メニューが属する1つまたは複数の<form>のid値multiple:複数選択name:メニューの名前を選択size:一度に見られる行数(番号、デフォルト値:0(1に等しい)display: "inline-block"; <optgroup>
<option>パケットlabel:オプショングループの名前(必須)disabled:オプショングループの無効化display: "block"; <option>
<select>)または自動補完(<datalist>)で使用されるオプションdisabled:無効オプション(Boolean)label:表示されるオプションのタイトル(省略時にタグなしテキストを適用)value:フォームにコミットされた値(省略時にタグなしテキストを適用)selected:選択したオプションを表示(Boolean)display: "block"; <datalist>
<input>事前定義されたオプションを使用して自動補完機能を提供<input>のlist属性と<datalist>のid属性関連<option>定義されたオプションを指定<input type="text" list="fruits">
<datalist id="fruits">
<option>Apple</option>
<option>Orange</option>
<option>Banana</option>
<option>Mango</option>
<option>Fineapple</option>
</datalist><progress>
max:タスク総数(番号)value:タスク進捗(番号)(max省略の場合、0から1の間でなければならず、通常JavaScriptを含む)<progress value="70" max="100"></progress> <!-- 70%의 바가 채워짐 -->グローバル属性
class
id
<style>
.section {
...
}
#section {
...
}
</style>
...
<!-- class : 중복 가능 -->
<div class="section"></div>
<div class="section"></div>
<div class="section"></div>
<!-- id : 중복 불가능 -->
<div id="section"></div>Reference
この問題について([クイックキャンパスレッスン後記]フロントエンド100%返却チャレンジ10回), 我々は、より多くの情報をここで見つけました https://velog.io/@ji-yeong/패스트캠퍼스-수강-후기-프론트엔드-인강-100-환급-챌린지-10회차-미션テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol