输入占位符未显示

时间:2019-11-10 14:34:31

标签: html css input placeholder

占位符不会出现,直到我聚焦然后取消聚焦。

<input type="tel" name="natid" id="natid" class="form-control"    onfocus="this.placeholder = ''" onblur="this.placeholder = 'Hello'" required="" value="" maxlength="10" pattern="[0-9]{10}" style="width: 100%;height: 10vw;color: #000;font-weight: 400;font-size: 5vw;letter-spacing: 0.5em;">

3 个答案:

答案 0 :(得分:1)

在标签中添加placeholder="hello"

<input type="tel" name="natid" id="natid" class="form-control" placeholder="Hello"    onfocus="this.placeholder = ''" onblur="this.placeholder = 'Hello'" required="" value="" maxlength="10" pattern="[0-9]{10}" style="width: 100%;height: 10vw;color: #000;font-weight: 400;font-size: 5vw;letter-spacing: 0.5em;">

答案 1 :(得分:0)

这是因为您已经编写了该部分:

onblur="this.placeholder = 'Hello'" 

因此,仅在模糊事件上才设置占位符

要显式设置占位符,请使用输入标签的占位符属性:

<input placeholder="Hello">

答案 2 :(得分:0)

再添加一个属性占位符=“ Hello”。因此当页面加载时,将显示占位符。

react-native-rename "NewNameOfApp" -b com.companyname.newnameofapp