HTML: Difference between revisions
→Syntax
(Created page with " *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="co...") |
(→Syntax) |
||
(15 intermediate revisions by the same user not shown) | |||
Line 1:
[[Category:Scripting]]
__TOC__
<br />
= Syntax =
*CSS Link file:▼
*Add Space:
= Misc =
<link rel="stylesheet" type="text/css" href="index.css">
<form action="result.php" method="post" id="codered" runat="vdaemon">
*Here only 8 numbers input can be entered<br />
*It should start from 7, ex: <br />
7xxxxxxx
71234456
<pre>
<div>
Line 14 ⟶ 29:
</pre>
<input type="hidden" name="formID" value="srinfo" />
<input type="hidden" name="redirect_to" value="view.php" />
;Send Email Link:
<pre>
<a href="mailto:Amandeep Singh<aman@test.com>?Subject=Application%20Issue%20Report&body=Hi,%0D%0A%0D%0APlease find the below Test application issue report:&cc=Sender2 <sender2@test.com>" target="_top">Here</a>
</pre>
; Adding Logo:
<pre>
<header>
<h1>
<img src="logo.png" alt="logo" align="right" height="40" width="120"/>
Test Application
</h1>
</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}}
|