 |
datalist: add test file for different positioning - jscancer - Javascript crap … |
 |
git clone git://git.codemadness.org/jscancer |
 |
Log |
|
Files |
|
Refs |
|
README |
|
LICENSE |
|
--- |
|
commit f734112b9eb4d332a44076fff86e9537e6cd3655 |
|
parent 87c20268ba0558928ae28e6a59d130f14fac7795 |
|
Author: Hiltjo Posthuma <[email protected]> |
|
Date: Mon, 29 May 2017 09:51:32 +0200 |
|
|
|
datalist: add test file for different positioning |
|
|
|
Diffstat: |
|
A datalist/test.html | 88 +++++++++++++++++++++++++++++… |
|
|
|
1 file changed, 88 insertions(+), 0 deletions(-) |
|
--- |
|
diff --git a/datalist/test.html b/datalist/test.html |
|
@@ -0,0 +1,88 @@ |
|
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR… |
|
+<html> |
|
+<head> |
|
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
|
+ <title>jsdatalist</title> |
|
+ <link rel="stylesheet" type="text/css" href="datalist.css" /> |
|
+</head> |
|
+<body> |
|
+ |
|
+<br/> |
|
+<br/> |
|
+<br/><br/> |
|
+<br/> |
|
+<br/> |
|
+<br/> |
|
+<br/> |
|
+<br/> |
|
+<br/> |
|
+<br/> |
|
+<br/> |
|
+<br/> |
|
+ |
|
+<form method="post" action=""> |
|
+ |
|
+<label for="os">OS: </label> |
|
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" i… |
|
+ |
|
+<datalist class="datalist" id="list"> |
|
+ <option>DragonflyBSD</option> |
|
+ <option>GNU/Hurd</option> |
|
+ <option>GNU/Linux</option> |
|
+ <option>FreeBSD</option> |
|
+ <option>MS-DOS 6.11</option> |
|
+ <option>OpenBSD</option> |
|
+ <option>OpenSolaris</option> |
|
+ <option>NetBSD</option> |
|
+ <option>Plan9</option> |
|
+ <option>Windows</option> |
|
+</datalist> |
|
+ |
|
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" i… |
|
+ |
|
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" i… |
|
+ |
|
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" i… |
|
+ |
|
+<div style="position: absolute;top: 300px; right: 20px"> |
|
+ <input type="text" placeholder="Select OS..." value="" list="list" nam… |
|
+</div> |
|
+ |
|
+<div style="position: fixed;top: 400px; right: 20px"> |
|
+ <input type="text" placeholder="Select OS..." value="" list="list" nam… |
|
+</div> |
|
+ |
|
+<div style="position: absolute;top: 1000px; left: 400px"> |
|
+ <input type="text" placeholder="Select OS..." value="" list="list" nam… |
|
+</div> |
|
+ |
|
+ |
|
+<div style="position: absolute;top: 1300px; right: 20px"> |
|
+ <input type="text" placeholder="Select OS..." value="" list="list" nam… |
|
+</div> |
|
+ |
|
+ |
|
+<table> |
|
+<tr><td> |
|
+test |
|
+</td><td></td></tr> |
|
+<tr><td></td><td> |
|
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" i… |
|
+</td></tr> |
|
+</table> |
|
+ |
|
+<table style="float:right"> |
|
+<tr><td> |
|
+test |
|
+</td><td></td></tr> |
|
+<tr><td></td><td> |
|
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" i… |
|
+</td></tr> |
|
+</table> |
|
+ |
|
+</form> |
|
+ |
|
+<script type="text/javascript" src="datalist.js"></script> |
|
+ |
|
+</body> |
|
+</html> |
