我怎么能在我的HTML输入文本添加默认文本

-1

我怎么能在我的HTML文本在图像上添加一个默认的文字就像下面我怎么能在我的HTML输入文本添加默认文本

现在这是我的html代码：

<input type="text" class="form-control input-sm" name="guardian_officeno" placeholder="Office #" required pattern="[0-9].\d{8}|\d{11}" title="Only Numbers are accepted and must be 10 or 11 numbers"></td> 
    </div>

编辑：

如何添加，不能删除文本

来源

2017-03-03 adrian pascua

根据最近更新的问题，您需要将readonly属性添加到您的input标记中。如果您尝试禁用部分输入，这是不可能的，请参阅我的答案的最后部分。

<input type="text" value="SOME_DEFAULT_VALUE" readonly>

添加readonly将防止用户更改您input框中的文本。

注意：不要依赖于readonly，因为它可以使用开发工具很容易地覆盖。确保你有相同的服务器端检查。

在你更新你的问题

添加value属性您input标签，如果你想在input框中键入一些默认的文本

<input type="text" value="Default Val">

如果你是谈论前缀即计数ry特定的STD代码，如+63，那么你可以做的就是拆分你的input标签，并在第一个标签中设置一个默认值，并让你的用户在另一个标签中写入数字。

来源

2017-03-03 06:34:25

是有可能只是做一个输入标签？ –

@adrianpascua不，您不能将部分输入文本保留为可读和部分可编辑。我假设你在谈论我在答案中提到的最后一部分。 –

编辑，与标签值：

https://www.w3schools.com/tags/att_input_value.asp

<input type="text" class="form-control input-sm" name="guardian_officeno" placeholder="Office #" required pattern="[0-9].\d{8}|\d{11}" title="Only Numbers are accepted and must be 10 or 11 numbers" value="default text"></td> 
    </div>

来源

2017-03-03 06:34:38

你的意思是你要添加在 “输入” 标签的默认文本？你需要在那里添加“value”属性！

<input type="text" class="form-control input-sm" name="guardian_officeno" placeholder="Office #" required pattern="[0-9].\d{8}|\d{11}" title="Only Numbers are accepted and must be 10 or 11 numbers" value="put your default text right here"></td>

来源

2017-03-03 06:46:38

输入标签不是CSS属性之前支持，但可以使用的包装用其他标签。寻找下面的例子：

HTML + CSS

<div class="input-row"> 
    Phone number:<span id="phoneNumber"><input type="text" name="phoneNumber" value="" placeholder="1234567890"></span> 
</div> 
<style> 
    .input-row { 
     display: inline-block; 
     line-height: 1; 
    } 
    span#phoneNumber::before { 
     content: '+63'; 
     display: inline-block; 
     border: 1px solid #ccc; 
     padding: 1px; 
     line-height: 20px; 
     margin: 0px; 
    } 
    input[name='phoneNumber']{ 
     line-height: 18px; 
     border: 1px solid #ccc; 
     margin: 0px; 
     padding: 2px; 
    } 
</style>

来源

2017-03-03 07:29:07

我怎么能在我的HTML输入文本添加默认文本

回答

相关问题