HTML DOM Input Text list Property
Last Updated :
26 Aug, 2022
The input Text list property in HTML DOM is used to return a reference to the datalist element that contains an input text field.
Syntax:
textObject.list.id
Return Value: It returns a string value that represents the value of the id attribute of the datalist element.
Example: Below HTML code used to return the input text list property.
HTML
<!DOCTYPE html>
< html >
< head >
< title > HTML DOM Input Text list Property</ title >
</ head >
< body style = "text-align:center" >
< h1 style = "color:green" >
GeeksforGeeks
</ h1 >
< h2 >DOM Input Text list property</ h2 >
< label >< b >Your Cars Name:</ b > </ label >
< input type = "text" list = "cars" id = "text_id" value = "" >
< datalist id = "cars" >
< option value = "BMW" />
< option value = "Bentley" />
< option value = "Mercedes" />
< option value = "Audi" />
< option value = "Volkswagen" />
</ datalist >< br >< br >
< button onclick = "btnclick()" >Click Here!</ button >
< p id = "paraID" style = "font-size:20px" ></ p >
< script >
function btnclick() {
var txt = document.getElementById("text_id").list.id;
document.getElementById("paraID").innerHTML = txt;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers:
- Google Chrome 1
- Edge 12
- Mozilla Firefox 1
- Opera
- Safari 1
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...