In this tutorial, we are going to talk about the description
tag forms. Forms are mostly used in order to gather valuable information
related to the user data for instance, it is used on the interface of
particular website. During registration process when you decided to join
internet community or forum. The form used for those purposes are having
different attributes. Before going to talk about the attributes used on the
form, it is important to know that the tag is started with <FORMS> and
ended with </FORMS>. Shape example Writing:
<head>
<title>Rumah Sakit</title>
</head>
<body>
<center><h1>Form
Pasien</h1></center>
<form
name="rumahsakit" action="data.php" method="post"
target="_self">
<table>
<tr>
<td>ID Pasien :</td>
<td>
<input type="text"
name="f_id">
</td>
</tr>
<tr>
<td>Nama :</td>
<td>
<input type="text"
name="f_nama">
</td>
</tr>
<tr>
<td>Alamat :</td>
<td><input
type="text" name="f_alamat"></td>
</tr>
<tr>
<td>Penyakit :</td>
<td><input
type="text" name="f_penyakit"></td>
</tr>
<tr>
<td>Golongan Darah
:</td>
<td><input
type="radio" name="f_gol_darah" value="A"> A
<input
type="radio" name="f_gol_darah" value="AB"> AB
<input
type="radio" name="f_gol_darah" value="O"> O
<input
type="radio" name="f_gol_darah" value="B">
B</td>
</tr>
<tr>
<td>
<button
type="submit">Submit</button>
<button
type="reset">Reset</button>
<<a
href="isi.php">Tampil Data</a>
</td>
</tr>
</body>
Attributes used
at Description Tag Forms
The most used tags for form is textbox. The same
function is used when you enter your username or password to specific website.
Depending on how the maker of this form works, the password section usually
replaced the text you have just type with asterisk. Before you go to enter or
login button, there is a checkbox, radio button, scroll down menu, text area
and field set. The information will be processed or posted depending on the
purpose of the tag form itself.
Tag forms are part of tag HTML. These days HTML has
been developed into HTML5. This upgraded version has different attributes
compared to the previous version. In order to understand the HTML5 data
attributes, we can use simple example of how it works. For instance, we want to
connect link to specific URL. In order to do this, the tag used begins with
<a> and ends with </a>. After this tag is filled with necessary
information, the tag turns into something like this <a
href=”destinationURL”>text</a>. example :
<a
href="#" rel="lightbox"><img
class="cloudcarousel" src="images/slider/05.jpg"
alt="Flash Templates 1" title="Flash Templates 1"
/></a>
When designing a website, you might want to make it
performs particular action upon a certain condition. In this case, you can take
advantage of HTML event attributes. The event forms attributes are diverse
depending on what condition the action will be performed. Keyboard events and
mouse events are the most common even attributes used for this purpose. A new
event will be triggered when a particular action used keyboard or mouse is
performed. Along with those two common event attributes, some other event
attributes can be used.
As you might already notice, most attributes used
for creating forms are using HTML5. The HTML5 provides new feature allow user
to get better website interface. The benefit of using HTML5 is not only for the
users, but also for the programmers. Creating tag forms can be done easier by
using HTML5. If you are not familiar with how HTML5 works, you might want to
switch to other programming language. The CSS seems to be the good alternative
for it.
HTML5 is mostly used for fundamental basic for
building website. However, the CSS is used for making the web pages looks
interesting. Both of them speak in completely different way. Which one is
easier is depending on your preference. The CSS itself is flexible. When
designing shape on the website, you will need to use several attributes. The radius
specific attributes is one of the example of attributes used for this shape
designing. It starts with <div> and ends with </dis>. The values
that can be added to it are length, percentage, initial, and inherit.
0 komentar:
Posting Komentar