1# search<a name="ZH-CN_TOPIC_0000001209252171"></a> 2 3提供搜索框组件，用于提供用户搜索内容的输入区域。 4 5## 子组件<a name="zh-cn_topic_0000001173164773_section9288143101012"></a> 6 7不支持。 8 9## 属性<a name="zh-cn_topic_0000001173164773_section2907183951110"></a> 10 11除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性： 12 13<a name="zh-cn_topic_0000001173164773_table20633101642315"></a> 14<table><thead align="left"><tr id="zh-cn_topic_0000001173164773_row663331618238"><th class="cellrowborder" valign="top" width="23.169999999999998%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173164773_aa872998ac2d84843a3c5161889afffef"><a name="zh-cn_topic_0000001173164773_aa872998ac2d84843a3c5161889afffef"></a><a name="zh-cn_topic_0000001173164773_aa872998ac2d84843a3c5161889afffef"></a>名称</p> 15</th> 16<th class="cellrowborder" valign="top" width="14.44%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173164773_ab2111648ee0e4f6d881be8954e7acaab"><a name="zh-cn_topic_0000001173164773_ab2111648ee0e4f6d881be8954e7acaab"></a><a name="zh-cn_topic_0000001173164773_ab2111648ee0e4f6d881be8954e7acaab"></a>类型</p> 17</th> 18<th class="cellrowborder" valign="top" width="10.97%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173164773_ab377d1c90900478ea4ecab51e9a058af"><a name="zh-cn_topic_0000001173164773_ab377d1c90900478ea4ecab51e9a058af"></a><a name="zh-cn_topic_0000001173164773_ab377d1c90900478ea4ecab51e9a058af"></a>默认值</p> 19</th> 20<th class="cellrowborder" valign="top" width="7.68%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173164773_p824610360217"><a name="zh-cn_topic_0000001173164773_p824610360217"></a><a name="zh-cn_topic_0000001173164773_p824610360217"></a>必填</p> 21</th> 22<th class="cellrowborder" valign="top" width="43.74%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173164773_a1d574a0044ed42ec8a2603bc82734232"><a name="zh-cn_topic_0000001173164773_a1d574a0044ed42ec8a2603bc82734232"></a><a name="zh-cn_topic_0000001173164773_a1d574a0044ed42ec8a2603bc82734232"></a>描述</p> 23</th> 24</tr> 25</thead> 26<tbody><tr id="zh-cn_topic_0000001173164773_row16500184513188"><td class="cellrowborder" valign="top" width="23.169999999999998%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p19823174614180"><a name="zh-cn_topic_0000001173164773_p19823174614180"></a><a name="zh-cn_topic_0000001173164773_p19823174614180"></a>icon</p> 27</td> 28<td class="cellrowborder" valign="top" width="14.44%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p3823184617189"><a name="zh-cn_topic_0000001173164773_p3823184617189"></a><a name="zh-cn_topic_0000001173164773_p3823184617189"></a>string</p> 29</td> 30<td class="cellrowborder" valign="top" width="10.97%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p9823946181811"><a name="zh-cn_topic_0000001173164773_p9823946181811"></a><a name="zh-cn_topic_0000001173164773_p9823946181811"></a>-</p> 31</td> 32<td class="cellrowborder" valign="top" width="7.68%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p1782334621813"><a name="zh-cn_topic_0000001173164773_p1782334621813"></a><a name="zh-cn_topic_0000001173164773_p1782334621813"></a>否</p> 33</td> 34<td class="cellrowborder" valign="top" width="43.74%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p082364616188"><a name="zh-cn_topic_0000001173164773_p082364616188"></a><a name="zh-cn_topic_0000001173164773_p082364616188"></a>搜索图标，默认使用系统搜索图标，图标格式为svg，jpg和png。</p> 35</td> 36</tr> 37<tr id="zh-cn_topic_0000001173164773_row517994310189"><td class="cellrowborder" valign="top" width="23.169999999999998%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p1782314611185"><a name="zh-cn_topic_0000001173164773_p1782314611185"></a><a name="zh-cn_topic_0000001173164773_p1782314611185"></a>hint</p> 38</td> 39<td class="cellrowborder" valign="top" width="14.44%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p6823164617184"><a name="zh-cn_topic_0000001173164773_p6823164617184"></a><a name="zh-cn_topic_0000001173164773_p6823164617184"></a>string</p> 40</td> 41<td class="cellrowborder" valign="top" width="10.97%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p282314617188"><a name="zh-cn_topic_0000001173164773_p282314617188"></a><a name="zh-cn_topic_0000001173164773_p282314617188"></a>-</p> 42</td> 43<td class="cellrowborder" valign="top" width="7.68%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p198231046181817"><a name="zh-cn_topic_0000001173164773_p198231046181817"></a><a name="zh-cn_topic_0000001173164773_p198231046181817"></a>否</p> 44</td> 45<td class="cellrowborder" valign="top" width="43.74%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p1823846131819"><a name="zh-cn_topic_0000001173164773_p1823846131819"></a><a name="zh-cn_topic_0000001173164773_p1823846131819"></a>搜索提示文字。</p> 46</td> 47</tr> 48<tr id="zh-cn_topic_0000001173164773_row19730640181819"><td class="cellrowborder" valign="top" width="23.169999999999998%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p482374611185"><a name="zh-cn_topic_0000001173164773_p482374611185"></a><a name="zh-cn_topic_0000001173164773_p482374611185"></a>value</p> 49</td> 50<td class="cellrowborder" valign="top" width="14.44%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p1082315461186"><a name="zh-cn_topic_0000001173164773_p1082315461186"></a><a name="zh-cn_topic_0000001173164773_p1082315461186"></a>string</p> 51</td> 52<td class="cellrowborder" valign="top" width="10.97%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p1282384613182"><a name="zh-cn_topic_0000001173164773_p1282384613182"></a><a name="zh-cn_topic_0000001173164773_p1282384613182"></a>-</p> 53</td> 54<td class="cellrowborder" valign="top" width="7.68%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p18823154617189"><a name="zh-cn_topic_0000001173164773_p18823154617189"></a><a name="zh-cn_topic_0000001173164773_p18823154617189"></a>否</p> 55</td> 56<td class="cellrowborder" valign="top" width="43.74%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p208241446121810"><a name="zh-cn_topic_0000001173164773_p208241446121810"></a><a name="zh-cn_topic_0000001173164773_p208241446121810"></a>搜索框搜索文本值。</p> 57</td> 58</tr> 59<tr id="zh-cn_topic_0000001173164773_row83561013112217"><td class="cellrowborder" valign="top" width="23.169999999999998%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p735651316223"><a name="zh-cn_topic_0000001173164773_p735651316223"></a><a name="zh-cn_topic_0000001173164773_p735651316223"></a>searchbutton<sup id="zh-cn_topic_0000001173164773_sup46781354122715"><a name="zh-cn_topic_0000001173164773_sup46781354122715"></a><a name="zh-cn_topic_0000001173164773_sup46781354122715"></a><span>5+</span></sup></p> 60</td> 61<td class="cellrowborder" valign="top" width="14.44%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p1356213172219"><a name="zh-cn_topic_0000001173164773_p1356213172219"></a><a name="zh-cn_topic_0000001173164773_p1356213172219"></a>string</p> 62</td> 63<td class="cellrowborder" valign="top" width="10.97%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p6356713182219"><a name="zh-cn_topic_0000001173164773_p6356713182219"></a><a name="zh-cn_topic_0000001173164773_p6356713182219"></a>-</p> 64</td> 65<td class="cellrowborder" valign="top" width="7.68%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p13564131227"><a name="zh-cn_topic_0000001173164773_p13564131227"></a><a name="zh-cn_topic_0000001173164773_p13564131227"></a>否</p> 66</td> 67<td class="cellrowborder" valign="top" width="43.74%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p4356131312222"><a name="zh-cn_topic_0000001173164773_p4356131312222"></a><a name="zh-cn_topic_0000001173164773_p4356131312222"></a>搜索框末尾搜索按钮文本值。</p> 68</td> 69</tr> 70<tr id="zh-cn_topic_0000001173164773_row31984911281"><td class="cellrowborder" valign="top" width="23.169999999999998%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p177221571244"><a name="zh-cn_topic_0000001173164773_p177221571244"></a><a name="zh-cn_topic_0000001173164773_p177221571244"></a>menuoptions<sup id="zh-cn_topic_0000001173164773_sup154944401542"><a name="zh-cn_topic_0000001173164773_sup154944401542"></a><a name="zh-cn_topic_0000001173164773_sup154944401542"></a>5+</sup></p> 71</td> 72<td class="cellrowborder" valign="top" width="14.44%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p8722157248"><a name="zh-cn_topic_0000001173164773_p8722157248"></a><a name="zh-cn_topic_0000001173164773_p8722157248"></a>Array<<a href="#zh-cn_topic_0000001173164773_table83621954963">MenuOption</a>></p> 73</td> 74<td class="cellrowborder" valign="top" width="10.97%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p167221878414"><a name="zh-cn_topic_0000001173164773_p167221878414"></a><a name="zh-cn_topic_0000001173164773_p167221878414"></a>-</p> 75</td> 76<td class="cellrowborder" valign="top" width="7.68%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p197227713411"><a name="zh-cn_topic_0000001173164773_p197227713411"></a><a name="zh-cn_topic_0000001173164773_p197227713411"></a>否</p> 77</td> 78<td class="cellrowborder" valign="top" width="43.74%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p207221573417"><a name="zh-cn_topic_0000001173164773_p207221573417"></a><a name="zh-cn_topic_0000001173164773_p207221573417"></a>设置文本选择弹框点击更多按钮之后显示的菜单项。</p> 79</td> 80</tr> 81</tbody> 82</table> 83 84**表 1** MenuOption<sup>5+</sup> 85 86<a name="zh-cn_topic_0000001173164773_table83621954963"></a> 87<table><thead align="left"><tr id="zh-cn_topic_0000001173164773_row536212545619"><th class="cellrowborder" valign="top" width="33.33333333333333%" id="mcps1.2.4.1.1"><p id="zh-cn_topic_0000001173164773_p143621541967"><a name="zh-cn_topic_0000001173164773_p143621541967"></a><a name="zh-cn_topic_0000001173164773_p143621541967"></a>名称</p> 88</th> 89<th class="cellrowborder" valign="top" width="33.33333333333333%" id="mcps1.2.4.1.2"><p id="zh-cn_topic_0000001173164773_p936215541620"><a name="zh-cn_topic_0000001173164773_p936215541620"></a><a name="zh-cn_topic_0000001173164773_p936215541620"></a>类型</p> 90</th> 91<th class="cellrowborder" valign="top" width="33.33333333333333%" id="mcps1.2.4.1.3"><p id="zh-cn_topic_0000001173164773_p23626541665"><a name="zh-cn_topic_0000001173164773_p23626541665"></a><a name="zh-cn_topic_0000001173164773_p23626541665"></a>描述</p> 92</th> 93</tr> 94</thead> 95<tbody><tr id="zh-cn_topic_0000001173164773_row5362254461"><td class="cellrowborder" valign="top" width="33.33333333333333%" headers="mcps1.2.4.1.1 "><p id="zh-cn_topic_0000001173164773_p33631541265"><a name="zh-cn_topic_0000001173164773_p33631541265"></a><a name="zh-cn_topic_0000001173164773_p33631541265"></a>icon</p> 96</td> 97<td class="cellrowborder" valign="top" width="33.33333333333333%" headers="mcps1.2.4.1.2 "><p id="zh-cn_topic_0000001173164773_p536311543619"><a name="zh-cn_topic_0000001173164773_p536311543619"></a><a name="zh-cn_topic_0000001173164773_p536311543619"></a>string</p> 98</td> 99<td class="cellrowborder" valign="top" width="33.33333333333333%" headers="mcps1.2.4.1.3 "><p id="zh-cn_topic_0000001173164773_p73631954762"><a name="zh-cn_topic_0000001173164773_p73631954762"></a><a name="zh-cn_topic_0000001173164773_p73631954762"></a>菜单选项中的图标路径。</p> 100</td> 101</tr> 102<tr id="zh-cn_topic_0000001173164773_row136319547613"><td class="cellrowborder" valign="top" width="33.33333333333333%" headers="mcps1.2.4.1.1 "><p id="zh-cn_topic_0000001173164773_p12363654367"><a name="zh-cn_topic_0000001173164773_p12363654367"></a><a name="zh-cn_topic_0000001173164773_p12363654367"></a>content</p> 103</td> 104<td class="cellrowborder" valign="top" width="33.33333333333333%" headers="mcps1.2.4.1.2 "><p id="zh-cn_topic_0000001173164773_p1936312549617"><a name="zh-cn_topic_0000001173164773_p1936312549617"></a><a name="zh-cn_topic_0000001173164773_p1936312549617"></a>string</p> 105</td> 106<td class="cellrowborder" valign="top" width="33.33333333333333%" headers="mcps1.2.4.1.3 "><p id="zh-cn_topic_0000001173164773_p1036311548616"><a name="zh-cn_topic_0000001173164773_p1036311548616"></a><a name="zh-cn_topic_0000001173164773_p1036311548616"></a>菜单选项中的文本内容。</p> 107</td> 108</tr> 109</tbody> 110</table> 111 112## 样式<a name="zh-cn_topic_0000001173164773_section5775351116"></a> 113 114除支持[通用样式](js-components-common-styles.md)外，还支持如下样式： 115 116<a name="zh-cn_topic_0000001173164773_table14588121079"></a> 117<table><thead align="left"><tr id="zh-cn_topic_0000001173164773_row3588182975"><th class="cellrowborder" valign="top" width="23.11768823117688%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173164773_p2588112873"><a name="zh-cn_topic_0000001173164773_p2588112873"></a><a name="zh-cn_topic_0000001173164773_p2588112873"></a>名称</p> 118</th> 119<th class="cellrowborder" valign="top" width="14.1985801419858%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173164773_p18588321876"><a name="zh-cn_topic_0000001173164773_p18588321876"></a><a name="zh-cn_topic_0000001173164773_p18588321876"></a>类型</p> 120</th> 121<th class="cellrowborder" valign="top" width="20.247975202479754%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173164773_p1588132673"><a name="zh-cn_topic_0000001173164773_p1588132673"></a><a name="zh-cn_topic_0000001173164773_p1588132673"></a>默认值</p> 122</th> 123<th class="cellrowborder" valign="top" width="5.23947605239476%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173164773_p3588192276"><a name="zh-cn_topic_0000001173164773_p3588192276"></a><a name="zh-cn_topic_0000001173164773_p3588192276"></a>必填</p> 124</th> 125<th class="cellrowborder" valign="top" width="37.1962803719628%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173164773_p55881121575"><a name="zh-cn_topic_0000001173164773_p55881121575"></a><a name="zh-cn_topic_0000001173164773_p55881121575"></a>描述</p> 126</th> 127</tr> 128</thead> 129<tbody><tr id="zh-cn_topic_0000001173164773_row45881726713"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p1588182874"><a name="zh-cn_topic_0000001173164773_p1588182874"></a><a name="zh-cn_topic_0000001173164773_p1588182874"></a>color</p> 130</td> 131<td class="cellrowborder" valign="top" width="14.1985801419858%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p8588725714"><a name="zh-cn_topic_0000001173164773_p8588725714"></a><a name="zh-cn_topic_0000001173164773_p8588725714"></a><color></p> 132</td> 133<td class="cellrowborder" valign="top" width="20.247975202479754%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p13588521677"><a name="zh-cn_topic_0000001173164773_p13588521677"></a><a name="zh-cn_topic_0000001173164773_p13588521677"></a>#e6000000</p> 134</td> 135<td class="cellrowborder" valign="top" width="5.23947605239476%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p11588112272"><a name="zh-cn_topic_0000001173164773_p11588112272"></a><a name="zh-cn_topic_0000001173164773_p11588112272"></a>否</p> 136</td> 137<td class="cellrowborder" valign="top" width="37.1962803719628%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p17588923718"><a name="zh-cn_topic_0000001173164773_p17588923718"></a><a name="zh-cn_topic_0000001173164773_p17588923718"></a>搜索框的文本颜色。</p> 138</td> 139</tr> 140<tr id="zh-cn_topic_0000001173164773_row858822573"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p25881521973"><a name="zh-cn_topic_0000001173164773_p25881521973"></a><a name="zh-cn_topic_0000001173164773_p25881521973"></a>font-size</p> 141</td> 142<td class="cellrowborder" valign="top" width="14.1985801419858%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p13588629717"><a name="zh-cn_topic_0000001173164773_p13588629717"></a><a name="zh-cn_topic_0000001173164773_p13588629717"></a><length></p> 143</td> 144<td class="cellrowborder" valign="top" width="20.247975202479754%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p15588321719"><a name="zh-cn_topic_0000001173164773_p15588321719"></a><a name="zh-cn_topic_0000001173164773_p15588321719"></a>16px</p> 145</td> 146<td class="cellrowborder" valign="top" width="5.23947605239476%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p05899216712"><a name="zh-cn_topic_0000001173164773_p05899216712"></a><a name="zh-cn_topic_0000001173164773_p05899216712"></a>否</p> 147</td> 148<td class="cellrowborder" valign="top" width="37.1962803719628%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p175891621973"><a name="zh-cn_topic_0000001173164773_p175891621973"></a><a name="zh-cn_topic_0000001173164773_p175891621973"></a>搜索框的文本尺寸。</p> 149</td> 150</tr> 151<tr id="zh-cn_topic_0000001173164773_row14589724712"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p155891921078"><a name="zh-cn_topic_0000001173164773_p155891921078"></a><a name="zh-cn_topic_0000001173164773_p155891921078"></a>allow-scale</p> 152</td> 153<td class="cellrowborder" valign="top" width="14.1985801419858%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p658922277"><a name="zh-cn_topic_0000001173164773_p658922277"></a><a name="zh-cn_topic_0000001173164773_p658922277"></a>boolean</p> 154</td> 155<td class="cellrowborder" valign="top" width="20.247975202479754%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p12589521713"><a name="zh-cn_topic_0000001173164773_p12589521713"></a><a name="zh-cn_topic_0000001173164773_p12589521713"></a>true</p> 156</td> 157<td class="cellrowborder" valign="top" width="5.23947605239476%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p155891121872"><a name="zh-cn_topic_0000001173164773_p155891121872"></a><a name="zh-cn_topic_0000001173164773_p155891121872"></a>否</p> 158</td> 159<td class="cellrowborder" valign="top" width="37.1962803719628%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p55894219719"><a name="zh-cn_topic_0000001173164773_p55894219719"></a><a name="zh-cn_topic_0000001173164773_p55894219719"></a>搜索框的文本尺寸是否跟随系统设置字体缩放尺寸进行放大缩小。</p> 160<div class="note" id="zh-cn_topic_0000001173164773_note13589162372"><a name="zh-cn_topic_0000001173164773_note13589162372"></a><a name="zh-cn_topic_0000001173164773_note13589162372"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001173164773_p12589021175"><a name="zh-cn_topic_0000001173164773_p12589021175"></a><a name="zh-cn_topic_0000001173164773_p12589021175"></a>如果在config描述文件中针对ability配置了fontSize的config-changes标签，则应用不会重启而直接生效。</p> 161</div></div> 162</td> 163</tr> 164<tr id="zh-cn_topic_0000001173164773_row3589121375"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p95891321170"><a name="zh-cn_topic_0000001173164773_p95891321170"></a><a name="zh-cn_topic_0000001173164773_p95891321170"></a>placeholder-color</p> 165</td> 166<td class="cellrowborder" valign="top" width="14.1985801419858%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p1058982376"><a name="zh-cn_topic_0000001173164773_p1058982376"></a><a name="zh-cn_topic_0000001173164773_p1058982376"></a><color></p> 167</td> 168<td class="cellrowborder" valign="top" width="20.247975202479754%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p9589726718"><a name="zh-cn_topic_0000001173164773_p9589726718"></a><a name="zh-cn_topic_0000001173164773_p9589726718"></a>#99000000</p> 169</td> 170<td class="cellrowborder" valign="top" width="5.23947605239476%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p558914219710"><a name="zh-cn_topic_0000001173164773_p558914219710"></a><a name="zh-cn_topic_0000001173164773_p558914219710"></a>否</p> 171</td> 172<td class="cellrowborder" valign="top" width="37.1962803719628%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p25896215710"><a name="zh-cn_topic_0000001173164773_p25896215710"></a><a name="zh-cn_topic_0000001173164773_p25896215710"></a>搜索框的提示文本颜色。</p> 173</td> 174</tr> 175<tr id="zh-cn_topic_0000001173164773_row1658911216712"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p4589182976"><a name="zh-cn_topic_0000001173164773_p4589182976"></a><a name="zh-cn_topic_0000001173164773_p4589182976"></a>font-weight</p> 176</td> 177<td class="cellrowborder" valign="top" width="14.1985801419858%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p18589122578"><a name="zh-cn_topic_0000001173164773_p18589122578"></a><a name="zh-cn_topic_0000001173164773_p18589122578"></a>number | string</p> 178</td> 179<td class="cellrowborder" valign="top" width="20.247975202479754%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p1058982179"><a name="zh-cn_topic_0000001173164773_p1058982179"></a><a name="zh-cn_topic_0000001173164773_p1058982179"></a>normal</p> 180</td> 181<td class="cellrowborder" valign="top" width="5.23947605239476%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p1058917212710"><a name="zh-cn_topic_0000001173164773_p1058917212710"></a><a name="zh-cn_topic_0000001173164773_p1058917212710"></a>否</p> 182</td> 183<td class="cellrowborder" valign="top" width="37.1962803719628%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p2058912778"><a name="zh-cn_topic_0000001173164773_p2058912778"></a><a name="zh-cn_topic_0000001173164773_p2058912778"></a>搜索框的字体粗细，见<a href="js-components-basic-text.md#zh-cn_topic_0000001127125018_section5775351116">text组件font-weight的样式属性</a>。</p> 184</td> 185</tr> 186<tr id="zh-cn_topic_0000001173164773_row45906217712"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p115907212715"><a name="zh-cn_topic_0000001173164773_p115907212715"></a><a name="zh-cn_topic_0000001173164773_p115907212715"></a>font-family</p> 187</td> 188<td class="cellrowborder" valign="top" width="14.1985801419858%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p459015215711"><a name="zh-cn_topic_0000001173164773_p459015215711"></a><a name="zh-cn_topic_0000001173164773_p459015215711"></a>string</p> 189</td> 190<td class="cellrowborder" valign="top" width="20.247975202479754%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p4590172674"><a name="zh-cn_topic_0000001173164773_p4590172674"></a><a name="zh-cn_topic_0000001173164773_p4590172674"></a>sans-serif</p> 191</td> 192<td class="cellrowborder" valign="top" width="5.23947605239476%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p12590828720"><a name="zh-cn_topic_0000001173164773_p12590828720"></a><a name="zh-cn_topic_0000001173164773_p12590828720"></a>否</p> 193</td> 194<td class="cellrowborder" valign="top" width="37.1962803719628%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p17590721579"><a name="zh-cn_topic_0000001173164773_p17590721579"></a><a name="zh-cn_topic_0000001173164773_p17590721579"></a>搜索框的字体列表，用逗号分隔，每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过<a href="js-components-common-customizing-font.md">自定义字体</a>指定的字体，会被选中作为文本的字体。</p> 195</td> 196</tr> 197<tr id="zh-cn_topic_0000001173164773_row583415126314"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164773_p153521247133716"><a name="zh-cn_topic_0000001173164773_p153521247133716"></a><a name="zh-cn_topic_0000001173164773_p153521247133716"></a>caret-color<sup id="zh-cn_topic_0000001173164773_sup535294718377"><a name="zh-cn_topic_0000001173164773_sup535294718377"></a><a name="zh-cn_topic_0000001173164773_sup535294718377"></a>6+</sup></p> 198</td> 199<td class="cellrowborder" valign="top" width="14.1985801419858%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164773_p53529471377"><a name="zh-cn_topic_0000001173164773_p53529471377"></a><a name="zh-cn_topic_0000001173164773_p53529471377"></a><color></p> 200</td> 201<td class="cellrowborder" valign="top" width="20.247975202479754%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164773_p235244716372"><a name="zh-cn_topic_0000001173164773_p235244716372"></a><a name="zh-cn_topic_0000001173164773_p235244716372"></a>-</p> 202</td> 203<td class="cellrowborder" valign="top" width="5.23947605239476%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164773_p4352174712375"><a name="zh-cn_topic_0000001173164773_p4352174712375"></a><a name="zh-cn_topic_0000001173164773_p4352174712375"></a>否</p> 204</td> 205<td class="cellrowborder" valign="top" width="37.1962803719628%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164773_p1935320474379"><a name="zh-cn_topic_0000001173164773_p1935320474379"></a><a name="zh-cn_topic_0000001173164773_p1935320474379"></a>设置输入光标的颜色。</p> 206</td> 207</tr> 208</tbody> 209</table> 210 211## 事件<a name="zh-cn_topic_0000001173164773_section17878123517511"></a> 212 213除支持[通用事件](js-components-common-events.md)外，还支持如下事件： 214 215<a name="zh-cn_topic_0000001173164773_table13878203565113"></a> 216<table><thead align="left"><tr id="zh-cn_topic_0000001173164773_row18789355519"><th class="cellrowborder" valign="top" width="24.852485248524854%" id="mcps1.1.4.1.1"><p id="zh-cn_topic_0000001173164773_p08781335165113"><a name="zh-cn_topic_0000001173164773_p08781335165113"></a><a name="zh-cn_topic_0000001173164773_p08781335165113"></a>名称</p> 217</th> 218<th class="cellrowborder" valign="top" width="29.552955295529554%" id="mcps1.1.4.1.2"><p id="zh-cn_topic_0000001173164773_p6878123595117"><a name="zh-cn_topic_0000001173164773_p6878123595117"></a><a name="zh-cn_topic_0000001173164773_p6878123595117"></a>参数</p> 219</th> 220<th class="cellrowborder" valign="top" width="45.5945594559456%" id="mcps1.1.4.1.3"><p id="zh-cn_topic_0000001173164773_p28783359518"><a name="zh-cn_topic_0000001173164773_p28783359518"></a><a name="zh-cn_topic_0000001173164773_p28783359518"></a>描述</p> 221</th> 222</tr> 223</thead> 224<tbody><tr id="zh-cn_topic_0000001173164773_row2087803565116"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164773_p3878113518516"><a name="zh-cn_topic_0000001173164773_p3878113518516"></a><a name="zh-cn_topic_0000001173164773_p3878113518516"></a>change</p> 225</td> 226<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164773_p187813511516"><a name="zh-cn_topic_0000001173164773_p187813511516"></a><a name="zh-cn_topic_0000001173164773_p187813511516"></a>{ text:newText }</p> 227</td> 228<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164773_p19878133518518"><a name="zh-cn_topic_0000001173164773_p19878133518518"></a><a name="zh-cn_topic_0000001173164773_p19878133518518"></a>输入内容发生变化时触发。</p> 229<div class="note" id="zh-cn_topic_0000001173164773_note887893525112"><a name="zh-cn_topic_0000001173164773_note887893525112"></a><a name="zh-cn_topic_0000001173164773_note887893525112"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001173164773_p19878435115119"><a name="zh-cn_topic_0000001173164773_p19878435115119"></a><a name="zh-cn_topic_0000001173164773_p19878435115119"></a>改变value属性值不会触发该回调。</p> 230</div></div> 231</td> 232</tr> 233<tr id="zh-cn_topic_0000001173164773_row28781235145111"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164773_p48781535195110"><a name="zh-cn_topic_0000001173164773_p48781535195110"></a><a name="zh-cn_topic_0000001173164773_p48781535195110"></a>submit</p> 234</td> 235<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164773_p19878535135111"><a name="zh-cn_topic_0000001173164773_p19878535135111"></a><a name="zh-cn_topic_0000001173164773_p19878535135111"></a>{ text:submitText }</p> 236</td> 237<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164773_p13878335145119"><a name="zh-cn_topic_0000001173164773_p13878335145119"></a><a name="zh-cn_topic_0000001173164773_p13878335145119"></a>点击搜索图标、搜索按钮<sup id="zh-cn_topic_0000001173164773_sup38791035105117"><a name="zh-cn_topic_0000001173164773_sup38791035105117"></a><a name="zh-cn_topic_0000001173164773_sup38791035105117"></a>5+</sup>或者按下软键盘搜索按钮时触发。</p> 238</td> 239</tr> 240<tr id="zh-cn_topic_0000001173164773_row108791535175110"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164773_p118790355519"><a name="zh-cn_topic_0000001173164773_p118790355519"></a><a name="zh-cn_topic_0000001173164773_p118790355519"></a>translate<sup id="zh-cn_topic_0000001173164773_sup18879203525118"><a name="zh-cn_topic_0000001173164773_sup18879203525118"></a><a name="zh-cn_topic_0000001173164773_sup18879203525118"></a><span>5+</span></sup></p> 241</td> 242<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164773_p9879113511519"><a name="zh-cn_topic_0000001173164773_p9879113511519"></a><a name="zh-cn_topic_0000001173164773_p9879113511519"></a>{ value: selectedText }</p> 243</td> 244<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164773_p08797356513"><a name="zh-cn_topic_0000001173164773_p08797356513"></a><a name="zh-cn_topic_0000001173164773_p08797356513"></a>设置此事件后，进行文本选择操作后文本选择弹窗会出现翻译按钮，点击翻译按钮之后，触发该回调，返回选中的文本内容。</p> 245</td> 246</tr> 247<tr id="zh-cn_topic_0000001173164773_row68791835175117"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164773_p12879135135120"><a name="zh-cn_topic_0000001173164773_p12879135135120"></a><a name="zh-cn_topic_0000001173164773_p12879135135120"></a>share<sup id="zh-cn_topic_0000001173164773_sup3879173513515"><a name="zh-cn_topic_0000001173164773_sup3879173513515"></a><a name="zh-cn_topic_0000001173164773_sup3879173513515"></a><span>5+</span></sup></p> 248</td> 249<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164773_p5879153595110"><a name="zh-cn_topic_0000001173164773_p5879153595110"></a><a name="zh-cn_topic_0000001173164773_p5879153595110"></a>{ value: selectedText }</p> 250</td> 251<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164773_p15879183520514"><a name="zh-cn_topic_0000001173164773_p15879183520514"></a><a name="zh-cn_topic_0000001173164773_p15879183520514"></a>设置此事件后，进行文本选择操作后文本选择弹窗会出现分享按钮，点击分享按钮之后，触发该回调，返回选中的文本内容。</p> 252</td> 253</tr> 254<tr id="zh-cn_topic_0000001173164773_row1287912352517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164773_p198791035125112"><a name="zh-cn_topic_0000001173164773_p198791035125112"></a><a name="zh-cn_topic_0000001173164773_p198791035125112"></a>search<sup id="zh-cn_topic_0000001173164773_sup1487914358515"><a name="zh-cn_topic_0000001173164773_sup1487914358515"></a><a name="zh-cn_topic_0000001173164773_sup1487914358515"></a><span>5+</span></sup></p> 255</td> 256<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164773_p9879735125114"><a name="zh-cn_topic_0000001173164773_p9879735125114"></a><a name="zh-cn_topic_0000001173164773_p9879735125114"></a>{ value: selectedText }</p> 257</td> 258<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164773_p38791935135119"><a name="zh-cn_topic_0000001173164773_p38791935135119"></a><a name="zh-cn_topic_0000001173164773_p38791935135119"></a>设置此事件后，进行文本选择操作后文本选择弹窗会出现搜索按钮，点击搜索按钮之后，触发该回调，返回选中的文本内容。</p> 259</td> 260</tr> 261<tr id="zh-cn_topic_0000001173164773_row14879335145120"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164773_p98790359512"><a name="zh-cn_topic_0000001173164773_p98790359512"></a><a name="zh-cn_topic_0000001173164773_p98790359512"></a>optionselect<sup id="zh-cn_topic_0000001173164773_sup28791635145111"><a name="zh-cn_topic_0000001173164773_sup28791635145111"></a><a name="zh-cn_topic_0000001173164773_sup28791635145111"></a><span>5+</span></sup></p> 262</td> 263<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164773_p158791235115114"><a name="zh-cn_topic_0000001173164773_p158791235115114"></a><a name="zh-cn_topic_0000001173164773_p158791235115114"></a>{ index:optionIndex, value: selectedText }</p> 264</td> 265<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164773_p1087917353518"><a name="zh-cn_topic_0000001173164773_p1087917353518"></a><a name="zh-cn_topic_0000001173164773_p1087917353518"></a>文本选择弹窗中设置menuoptions属性后，用户在文本选择操作后，点击菜单项后触发该回调，返回点击的菜单项序号和选中的文本内容。</p> 266</td> 267</tr> 268</tbody> 269</table> 270 271## 方法<a name="zh-cn_topic_0000001173164773_section2279124532420"></a> 272 273支持[通用方法](js-components-common-methods.md)。 274 275## 示例<a name="zh-cn_topic_0000001173164773_section586520905216"></a> 276 277``` 278<!-- xxx.hml --> 279<div class="container"> 280 <search hint="请输入搜索内容" searchbutton="搜索" @search="search"> 281 </search> 282</div> 283``` 284 285``` 286/* xxx.css */ 287.container { 288 display: flex; 289 justify-content: center; 290 align-items: center; 291} 292``` 293 294 295 296
