我試圖在下拉字段中放置一個無法選擇作為選項的占位符。我嘗試將 placeholder="" 添加到選項標簽，但它不起作用 - 我也嘗試將“selected="selected”添加到選項，但我只看到“我正在尋找”作為下拉列表中的選項。我希望這是占位符，這樣我就可以將其切換為“任何”。有人知道如何做到這一點嗎？ <?php $array = OSF_Custom_Post_Type_Portfolio::getInstance()->get_all_meta_field_value(); ?> <div class="search-project"> <form action="<?php echo get_post_type_archive_link('osf_portfolio'); ?>" method="get"> <div class="d-flex justify-content-center project-group"> <div class="project-inner"> <select name="osf_portfolio_type"> <option value="" selected="selected"><?php echo esc_html__('Im Looking For', 'rehomes'); ?></option> <?php foreach ($array['osf_portfolio_type'] as $item) { ?> <option value="<?php echo esc_attr($item); ?>" <?php echo esc_attr($item == $_GET['osf_portfolio_type'] ? 'selected' : ''); ?>><?php echo esc_html($item); ?></option> <?php } ?> </select> </div> <div class="project-inner"> <select name="osf_portfolio_location"> <option value=""><?php echo esc_html__('Location', 'rehomes'); ?></option> <?php foreach ($array['osf_portfolio_location'] as $item) { ?>
2 回答
拉莫斯之舞
TA貢獻1820條經驗 獲得超10個贊
有一種方法可以放置看起來像占位符的內容。由于selected它顯示為默認值，因此disabled無法選擇它作為選項或要發送的值。
<h1>fake placeholder in a select</h1>
<select>
<option selected disabled>fake placeholder</option>
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
</select>
喵喔喔
TA貢獻1735條經驗 獲得超5個贊
HTML placeholder 屬性指定描述預期值的簡短提示，并且只能在輸入標記和文本區域中使用。無法將占位符放入選項標記內。您可以創建一個沒有值的附加選項標簽，并且始終選擇作為參考，就像占位符一樣。
?<div class="search-project">
? ? <form action="" method="get">
? ? ? ? <div class="d-flex justify-content-center project-group">
? ? ? ? ? ? <div class="project-inner">
? ? ? ? ? ? ? ? <select name="osf_portfolio_type">
? ? ? ? ? ? ? ? ? ? <option value="" selected="selected">Red</option>
? ? ? ? ? ? ? ? ? ? <option value="">Blue</option>
? ? ? ? ? ? ? ? </select>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="project-inner">
? ? ? ? ? ? ? ? <select name="osf_portfolio_location">
? ? ? ? ? ? ? ? ? ? <option value="">White</option>
? ? ? ? ? ? ? ? ? ? <option value="">Black</option>
? ? ? ? ? ? ? ? </select>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="project-inner align-self-end">
? ? ? ? ? ? ? ? <button type="submit" class="btn btn-primary btn-block" style="color:white;background-color: black;">
? ? ? ? ? ? ? ? ? ? Search
? ? ? ? ? ? ? ? </button>
? ? ? ? ? ? </div>
? ? ? ?</div>
? ?</form>
</div>
- 2 回答
- 0 關注
- 207 瀏覽
添加回答
舉報
0/150
提交
取消