datalist: add test file for different positioning - jscancer - Javascript crap (relatively small)
(HTM) git clone git://git.codemadness.org/jscancer
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
(DIR) commit f734112b9eb4d332a44076fff86e9537e6cd3655
(DIR) parent 87c20268ba0558928ae28e6a59d130f14fac7795
(HTM) Author: Hiltjo Posthuma <hiltjo@codemadness.org>
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(-)
---
(DIR) 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/xhtml1/DTD/xhtml1-strict.dtd">
+<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" id="os" class="datalist" /><br/>
+
+<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" id="os" class="datalist" /><br/>
+
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" id="os" class="datalist" style="position: absolute; top: 100px;right: 20px" /><br/>
+
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" id="os" class="datalist" style="position: fixed; top: 200px;right: 20px" /><br/>
+
+<div style="position: absolute;top: 300px; right: 20px">
+ <input type="text" placeholder="Select OS..." value="" list="list" name="os" id="os" class="datalist" /><br/>
+</div>
+
+<div style="position: fixed;top: 400px; right: 20px">
+ <input type="text" placeholder="Select OS..." value="" list="list" name="os" id="os" class="datalist" /><br/>
+</div>
+
+<div style="position: absolute;top: 1000px; left: 400px">
+ <input type="text" placeholder="Select OS..." value="" list="list" name="os" id="os" class="datalist" /><br/>
+</div>
+
+
+<div style="position: absolute;top: 1300px; right: 20px">
+ <input type="text" placeholder="Select OS..." value="" list="list" name="os" id="os" class="datalist" /><br/>
+</div>
+
+
+<table>
+<tr><td>
+test
+</td><td></td></tr>
+<tr><td></td><td>
+<input type="text" placeholder="Select OS..." value="" list="list" name="os" id="os" class="datalist" /><br/>
+</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" id="os" class="datalist" /><br/>
+</td></tr>
+</table>
+
+</form>
+
+<script type="text/javascript" src="datalist.js"></script>
+
+</body>
+</html>