📅  最后修改于: 2023-12-03 14:51:24.525000             🧑  作者: Mango
如果你想在你的网页上创建一个输入文本的元素,这个元素可以让用户在里面输入自己的想法或是关键字,那么你可以按照以下步骤进行操作。
<input>
标签,并将它的 type
属性设置为 "text"
。<input type="text">
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>
<input type="text">
</li>
</ul>
id
属性,以方便在你的 JavaScript 代码中获取这个输入框的值。<input type="text" id="user-input">
value
属性来设置。<input type="text" id="user-input" value="Hello world!">
pattern
属性。<input type="text" id="user-input" pattern="[0-9]*">
这个例子中,输入框中只允许输入数字。
const userInput = document.getElementById('user-input');
const text = userInput.value;
if (text) {
console.log(`User input is: ${text}`);
} else {
console.log('User did not enter any text.');
}
以上就是如何在列表下方创建一个文本类型的输入元素的全部内容。