HTML: Difference between revisions

1,709 bytes added ,  4 years ago
m (Protected "HTML" ([Edit=Allow only logged in users] (indefinite) [Move=Allow only logged in users] (indefinite) [Delete=Allow only logged in users] (indefinite)))
 
(12 intermediate revisions by the same user not shown)
Line 1:
[[Category:Scripting]]
__TOC__
<br />
 
= Syntax =
*CSS Link file:
 
*Add Space:
&nbsp;&nbsp;
 
= Misc =
 
*;CSS Link file:
<link rel="stylesheet" type="text/css" href="index.css">
 
*;Rediect to another page after submit action:
<form action="result.php" method="post" id="codered" runat="vdaemon">
 
*;Apply Regex to input:<br />
*Here only 8 numbers input can be entered<br />
*It should start from 7, ex: <br />
7xxxxxxx
71234456
 
<pre>
<div>
Line 14 ⟶ 29:
</pre>
 
*;Code not sure:
<input type="hidden" name="formID" value="srinfo" />
<input type="hidden" name="redirect_to" value="view.php" />
*;Send Email Link:
 
<pre>
Line 23 ⟶ 38:
</pre>
 
*; Adding Logo:
 
<pre>
Line 33 ⟶ 48:
</header>
</pre>
 
;Permitting email from a specific domain only:
<pre>
<div>
<lable for="email">Engineer Email</lable>
<input type="text" name="email" id="email" placeholder="username@domain.com" maxLength="64" pattern=".+@domain.com" required title="Please enter a valid Email ID">
</div>
</pre>
 
;Adding Datalist for default options:
<pre>
<div>
<lable for="ProductVersion">Product Version </lable>
<input type="text" name="ProductVersion" id="ProductVersion" placeholder="My Product Version" list="defaultProduct">
<datalist id="defaultProduct">
<option value="Version 1">
<option value="Version 2">
</datalist>
</div>
</pre>
 
;Input at least 3 characters:
<pre>
<div>
<lable for="Geo">Account Country</lable>
<input type="text" name="Geo" id="Geo" placeholder="Customer's Country" pattern=".{3,}" required title="Enter Country Name">
</div>
</pre>
 
;Adding Tables
<syntaxhighlight lang="html">
 
<!-- tr = Table Row; th = Table Header; td = Table Data-->
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
 
<body>
<table style="width:100%">
<tr><th>Month</th></tr>
<tr><td>January</td></tr>
</table>
</body>
</syntaxhighlight>
 
<br />
;References
<references/>
<br />
<br />
<br />
 
 
{{DISQUS}}