Bact to Top
7:13:00 AM
Dwi
A page can contain information that is static and those that are dynamic. Static means that the information presented tends to remain, if you want to change the information has to change its program. While that is dynamic, the information can be changed without having to change the program. To create a web that is dynamic, we need the existence of supporting components. The required supporting components may be text input and can also be the execution and usually presented in a form. To be able to use existing components on the form, it takes a special mastery of the relevant HTML code. In this chapter will be studied using the codes forming a form.
Basic Use of Forms
In a web page sometimes we come across a guest book for visitors, feedback and member registration. Among the three forms of the view must have used a form component. To form a necessary form tag pair <form> and </ form>. And use the support form the action attribute and method.
• ACTION is used to determine the destination if a button on a form is run ..
• METHOD used to determine the technical delivery of information after the run button to access or send an information. Generally the method consists of two types of get and post. When using get meaningful information displayed will be obtained on the page itself in this case the url in the action. While the post that information will be sent separately from the url.
For more details, use the action and the method can be seen on pieces of the following programs:
<Form action = "send.html" ">......</ form method = post>
A. Tag Input In Form
To input a data or text required a clear area. Area there are many different forms in the form of a field there is also a small box or circle a way to fill it simply by clicking on the area and there are still other forms. To shape it takes on the form tag and some attributes <input> supporters and to be located in pairs <form> tag and </ form>. Input tag has several attributes. Attributes as shown in the following table:
NAME = To determine the name of the data
SIZE = size Specifies the input box for text and password
MaxLength = Specifies the amount of text can be entered in a particular area such as the input text and password
VALUE = Provide initial values ??for the input box before starting the new text entered
CHECKED = Given that in a state of selected check boxes.
TYPE = Specifies the type of input box, such as passwords, text, submit, reset, etc.
The following example shows the use of a form that involves a text field, submit button and reset.
type the script below and save it as form.html :
<html>
<head>
<title> form </ title>
</ Head>
<body>
<form ="information.html" action method = "post">
Name:
<input type = "text" name="nama" size = "20" MaxLength = "20">
<br>
Hobby:
<input type = "text" name ="hobby" size = "25" MaxLength = "40">
<br>
<input type = "submit" value = "Kirim">
<input type = "reset" value = "Clear">
</ Form>
</ Body>
</ Html>
then create a new file and save it as information.html:
<html>
<head> <title> </ title>
</ Head>
<body>
Information you need is right here
</ Body>
</ Html>
To address that if the submit button is clicked then the HTML file named in the action attribute on the tag will be loaded <form> .. Once you learn PHP, ASP or other web database, you will know how to capture the values ??entered in the second text field above.
B. Determining Textarea
text area usually used for this type of input that a lot of character. Tag is used Couple <textarea> tag and </ textarea>. textarea can cover multiple lines. The attributes used in <textarea> tag can be seen in the following courses:
create a new file and save it as textarea.html and type the script below:
<html>
<head>
<title> textarea </ title>
</ Head>
<body>
<form>
Note: <br>
<textarea name = "catatan" ="5" rows cols = "40"> </ textarea>
</ Form>
</ Body>
</ Html>
C. Select the Use of Form
To determine the choice by choosing its own against that shown on a particular list can be created by using a tag pair <select> and </ select>, another term is to select the combo box (drop down) or select list pilihan.contoh usage shown in the example following:
create a new file with the name select.html, and then type the script below:
<html>
<head>
<title> textarea </ title>
</ Head>
<body>
<form>
Most food you like: <br>
<select name = "Makanan">
<option value = "Car"> Car </ option>
<option value = "Bikes "> Bikes </ option>
<option value = "scooter "> scooter </ option>
</ Select>
</ Form>
</ Body>
</ Html>
D. Usage Type Checkbox
Selecting an information by clicking on a particular box and then there are special characters that mark the box, on a form are called type checkbox. The characters are generally shaped a checklist / tick.
The following are examples of the use of type checkbox
create a new file and save it as Checkbox.html, then type the script below:
<html>
<head>
<title> radio </ title>
<body>
<form>
Vegetable your passions: <br>
<input type = name = "bayam" checked> "checkbox" Spinach <br>
<input type = "checkbox" name = "kol"> Kol <br>
<input type = "checkbox" name = "Sawi"> mustard <br>
<input type = "checkbox" "lain" name => Other <br>
</ Form>
</ Body>
</ Html>
E. Usage Type Radio
Its use is generally the same type of radio to checkbox. Only if the checkbox is boxy and sign a character check, if the sphere-shaped radio with a marked character of black dots if we had chosen. Here is an example for the use of radio type:
create a new file and save it as Radio.html, then type the script below:
<html>
<head>
<title> radio </ title>
</ Head>
<body>
<form>
Sex: <br>
<Input type = "radio"
Name = "sex" checked> men <br>
<Input type = "radio"
Name = "sex"> women <br>
<hr>
Religion: <br>
<Input type = "radio"
Name = "religion" value "i"> Islam <br>
<Input type = "radio"
Name = "religion" value "k"> Christian <br>
<Input type = "radio"
Name = "religion" value "t"> catholic <br>
<Input type = "radio"
Name = "religion" value "b"> budha <br>
<Input type = "radio"
Name = "religion" value "h"> hindu <br>
<Input type = "radio"
Name = "religion" value "l"> others <br>
</ Form>
</ Body>
</ Html>
F. Usage Type Password
Passwor is the password used to open or access any information. The password is generally a good character that the numbers and letters. How to enter the password normally have been provided a special area which was written and the characters do not look like the original word. characters that have been incorporated are generally interpreted in a certain code and a common form of the character "*". Here is an example HTML code:
create a new file and save it as Password.html, then type the script below:
<html>
<head>
<title> password </ title>
<body>
<form>
User Name:
<input type = "text" "Nama" name = size = "20" MaxLength = "20">
<br>
Password:
<input type = "password" "kata_kunci" name = size = "8" MaxLength = "8">
<br>
<input type = "submit" value = "Kirim">
<input type = "reset" value = "Clear">
</ Form>
</ Body>
</ Html>
G. Button On Input Attributes
Button that we use in the examples above there are two, namely the submit and reset. By using <input> tag, you can form your own buttons with different functions with the two buttons that have used it. How to make is to give the value "button" on the attribute type. As seen in the following programs:
create a new file and save it as Button.html, then type the script below:
<html>
<head>
<title> for the </ title>
</ Head>
<body>
<form> Click the button below: <br>
<input type = "button" value = "Kembali" onclick = "self.history.back();"> <br>
</ Form>
</ Body>
</ Html>
please try, and good luck.
Posted in: Learning Web Programming
60 komentar:
Good day! Do you know if they make any plugins to
help with Search Engine Optimization? I'm trying to get my blog to rank for some targeted keywords but I'm not seeing very good results. If you know of any please share. Kudos!
My page :: Online Jobs
What's up colleagues, fastidious piece of writing and nice arguments commented at this place, I am in fact enjoying by these.
Feel free to visit my blog post :: phen 375 fatburner
Heya i am for the first time here. I found this board and I find It really useful
& it helped me out a lot. I hope to give something back and
aid others like you aided me.
Feel free to visit my web site - canada goose
The simple trend attracted more persons' notice in a short time. Following, make your residence far far more burglar-evidence. It also showcased an prolonged tongue as very well as retained a completely visible Natural environment Padding. The excellent rubber will present great cushion to the runners. http://www.airmax90s2013.co.uk
My page > white nike air max 90
It is however applied by the youth and tunes fanatics currently.
If this will not get rid of the stain, get the job done liquid detergent into it and
rinse. Employ these ideas and methods to actually get wonderful outcomes.
In accordance to investigation, all of the wearers are contented with
designer Nike AirMax Skyline. http://www.
airmaxcheapest.co.uk/
For boys youthful than 3, Le Bron VII AMG and Nike Kobe Zoom V.
Grilled tenderloin sandwich with a piece of cheese
at Ott's Generate In on North Century in Rantoul. The good thing is, there are a lot of methods you can choose to generate getting home less difficult. Having Private is an e mail Q&A with a regional character. http://www.wheretobuyairmax.co.uk/
Just wish to say your article is as astounding.
The clarity in your post is simply nice and i could assume you're an expert on this subject. Fine with your permission allow me to grab your feed to keep up to date with forthcoming post. Thanks a million and please keep up the enjoyable work.
My site :: michael kors jewelry collection
Link exchange is nothing else however it is simply placing the other person's weblog link on your page at appropriate place and other person will also do same in favor of you.
Feel free to surf to my page reality shows
I'd like to thank you for the efforts you've put in penning this blog.
I'm hoping to view the same high-grade content from you in the future as well. In fact, your creative writing abilities has inspired me to get my own site now ;)
Here is my blog; michael kors mens watches
Ahaa, its fastidious discussion regarding this article at this place at
this blog, I have read all that, so at this time me also
commenting at this place.
Here is my site :: michael kors hudson downtown shoulder tote
Hey would you mind stating which blog platform you're using? I'm looking to start my own blog in the near future but I'm having a difficult time selecting between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your layout seems different then most blogs and I'm looking for something unique.
P.S My apologies for being off-topic but I had to ask!
Also visit my blog post - reality shows
I blog frequently and I seriously thank you for your content.
This article has really peaked my interest.
I am going to bookmark your blog and keep checking for new details about once a week.
I subscribed to your Feed as well.
Feel free to surf to my blog - michael kors bag
excellent points altogether, you just received a
new reader. What could you suggest about your post that you just made a few days ago?
Any positive?
Look at my webpage ... michael kors
hey there and thank you for your info – I have definitely picked
up something new from right here. I did however expertise several technical issues using this
web site, since I experienced to reload the web site a lot of times previous to I could get it to load correctly.
I had been wondering if your web host is OK? Not that I'm complaining, but sluggish loading instances times will often affect your placement in google and could damage your quality score if ads and marketing with Adwords. Anyway I am adding this RSS to my e-mail and can look out for a lot more of your respective fascinating content. Ensure that you update this again very soon.
Look at my weblog tv shows
I am really enjoying the theme/design of your site. Do you ever run into any browser compatibility problems?
A few of my blog readers have complained about my site not working correctly in
Explorer but looks great in Firefox. Do you have any ideas to help fix
this problem?
Take a look at my web page; Michael Kors Sale
If some one wants to be updated with hottest technologies afterward he must be
pay a quick visit this web site and be up to date everyday.
my homepage ... レイバンサングラス
Tremendous things here. I'm very happy to see your post. Thank you so much and I am taking a look ahead to contact you. Will you please drop me a mail?
Here is my webpage ... miumiuoutletshopx.com
you are truly a excellent webmaster. The website loading velocity is incredible.
It seems that you're doing any distinctive trick. Moreover, The contents are masterpiece. you've done a fantastic process on this subject!
My web site - グッチ バッグ
Hey! Do you know if they make any plugins to assist with Search Engine Optimization?
I'm trying to get my blog to rank for some targeted keywords but I'm
not seeing very good results. If you know of any please share.
Thanks!
Feel free to visit my page; ミュウミュウ
Yes! Finally something about シャネルトートバッグ.
Here is my website ... シャネル バッグ
WOW just what I was searching for. Came here by searching for 激安グッチ
Also visit my web-site; グッチ バッグ
hey there and thank you for your information –
I've certainly picked up anything new from right here. I did however expertise a few technical points using this website, since I experienced to reload the web site lots of times previous to I could get it to load properly. I had been wondering if your hosting is OK? Not that I'm complaining, but slow
loading instances times will sometimes affect your placement in google and could damage your high-quality score if ads and marketing
with Adwords. Well I'm adding this RSS to my email and could look out for a lot more of your respective intriguing content. Ensure that you update this again soon.
Visit my blog post ... doggle.net
Pretty nice post. I just stumbled upon your weblog and wished to say that I have really enjoyed browsing
your blog posts. After all I'll be subscribing to your rss feed and I hope you write again soon!
my web page; christianlouboutinoutletshop2013.com
Greetings from Los angeles! I'm bored to death at work so I decided to browse your website on my iphone during lunch break. I really like the knowledge you present here and can't wait to take
a look when I get home. I'm surprised at how quick your blog loaded on my cell phone .. I'm not even using WIFI, just 3G .
. Anyways, superb site!
Feel free to surf to my page ... 激安 シャネル
Wow, amazing weblog layout! How long have you been running a blog for?
you made blogging glance easy. The entire look of your web
site is great, let alone the content!
Visit my web blog - christianlouboutinoutletshopx.com
I blog often and I seriously appreciate your information.
This great article has truly peaked my interest. I'm going to book mark your website and keep checking for new details about once a week. I opted in for your Feed as well.
my blog ... シャネル 財布
Its like you read my mind! You seem to know a lot about this, like you wrote the book in it
or something. I think that you could do with some pics to drive the message home a bit, but other than that, this is excellent blog.
An excellent read. I will certainly be back.
My weblog ... レイバン
Hello, i feel that i noticed you visited my site thus i got
here to return the prefer?.I am attempting to to find things
to improve my web site!I assume its ok to make use of a few of your ideas!
!
Visit my weblog - www.seminaribethel.net
データベースのユーザー名 '管理者のユーザ名
my web-site ... バーバリー レディース
Yes, we've quickly donrrrt nation of walking billboards. The haute couturiers do rarely carry women's sport of golf fashions.
Consumers used in fashion logos should communicate the style about a brand.
No, the tee shape is still the same unused "T" shape.
http://www.nsppf.org.uk/wikka/TrinidadikEscobedotp
しかし、コストの大規模な50％のスラッシュ
は、警告の鐘を
トリガする必要があります
my web site シャネル コピー
毎日働い男性や女性は、おそらく
時計にそんなにお金を費や
して考え直すでしょう
Feel free to surf to my web site - シャネル ウォレット
They just do not quit quickly, they're identified for their particular endurance. Or authoritarian nor permissive parenting is joyful parenting. I believe this really is simply most most likely caused by infected h2o and town meals. You could sport all people pricey things on your anatomy. http://www.martinezcare.com/site/userinfo.php?uid=22154
それらの製造に使用される材料とデザインはほとんど同じ
であるため、ま
た、レプリカシャネルのハ
ンドバッグ
は、元の1から同じ耐久性や
その他の実
用的な機能を持ってい
る
Also visit my website :: chanel 財布
I constantly spent my half an hour to read this blog's articles all the time along with a mug of coffee.
Also visit my website ... 激安ヘッドフォン
That can be done this by writing invitee posts for other people's blogs. When training with small products, squat and lift by having the legs. New sewing machine would not enjoy said, for ladies compatriots, that would be a chore! With no smiles, any friendship is usually unimaginable. http://clickforu.com/blog/424487/each-of-our-nike-air-greatest-extent-skyline/
There's definately a lot to know about this topic. I really like all of the points you've made.
Feel free to surf to my weblog: http://www.youtube.com/watch?v=3v1X2OFq4xs
You have made some good points there. I checked on the web to learn more about the issue and found most people will go along
with your views on this website.
Visit my weblog :: The Interlace
This post is worth everyone's attention. How can I find out more?
Also visit my web page ... World Of Tanks Hack
Helpful info. Fortunate me I discovered your site by accident, and I'm surprised why this twist of fate did not came about in advance! I bookmarked it.
Here is my web site; Minecraft Crack [Youtube.Com]
Everyone loves what you guys tend to be up too. This sort of clever work and reporting!
Keep up the wonderful works guys I've included you guys to my own blogroll.
My homepage: How To Jailbreak Ps3
van
kastamonu
elazığ
tokat
sakarya
Z42LCV
https://istanbulolala.biz/
DST
EEE5B
Düzce Parça Eşya Taşıma
Konya Parça Eşya Taşıma
Osmaniye Lojistik
Elazığ Lojistik
Artvin Lojistik
46B07
Erzincan Evden Eve Nakliyat
Yozgat Şehir İçi Nakliyat
Adıyaman Evden Eve Nakliyat
Bitmex Güvenilir mi
Bursa Şehir İçi Nakliyat
Ankara Parke Ustası
İstanbul Evden Eve Nakliyat
Batman Evden Eve Nakliyat
Sinop Parça Eşya Taşıma
980D1
Ünye Çekici
Sakarya Lojistik
Denizli Evden Eve Nakliyat
Eskişehir Şehirler Arası Nakliyat
Alya Coin Hangi Borsada
Artvin Şehir İçi Nakliyat
Pursaklar Boya Ustası
Van Şehir İçi Nakliyat
Elazığ Lojistik
11FA2
Yozgat Evden Eve Nakliyat
Çerkezköy Boya Ustası
Kastamonu Şehirler Arası Nakliyat
Denizli Şehirler Arası Nakliyat
Denizli Evden Eve Nakliyat
Giresun Parça Eşya Taşıma
Manisa Parça Eşya Taşıma
Çorum Lojistik
Niğde Şehir İçi Nakliyat
6CA64
Ordu Parça Eşya Taşıma
Big Wolf Coin Hangi Borsada
Konya Şehir İçi Nakliyat
Çerkezköy Evden Eve Nakliyat
Kırklareli Lojistik
Karapürçek Parke Ustası
Samsun Evden Eve Nakliyat
Mamak Parke Ustası
Artvin Parça Eşya Taşıma
50A73
Karaman Parça Eşya Taşıma
Gate io Güvenilir mi
Samsun Parça Eşya Taşıma
Bibox Güvenilir mi
Çerkezköy Evden Eve Nakliyat
Burdur Lojistik
Iğdır Şehirler Arası Nakliyat
Bayburt Parça Eşya Taşıma
Yalova Lojistik
9D7B3
Hakkari Şehir İçi Nakliyat
Çerkezköy Parke Ustası
Azero Coin Hangi Borsada
Konya Evden Eve Nakliyat
Erzurum Parça Eşya Taşıma
Etimesgut Boya Ustası
Yenimahalle Fayans Ustası
Yozgat Evden Eve Nakliyat
NWC Coin Hangi Borsada
B96FF
Kastamonu Parça Eşya Taşıma
Adıyaman Şehirler Arası Nakliyat
Artvin Lojistik
Alya Coin Hangi Borsada
Muş Lojistik
Antalya Evden Eve Nakliyat
Çerkezköy Halı Yıkama
Ankara Fayans Ustası
Trabzon Şehir İçi Nakliyat
AD4BC
https://referanskodunedir.com.tr/
F2F44
Bitcoin Nasıl Kazanılır
Kripto Para Madenciliği Nedir
Kripto Para Nasıl Oynanır
Binance Nasıl Kayıt Olunur
Coin Nedir
Coin Kazma
Binance Yaş Sınırı
resimlimag.net
Bulut Madenciliği Nedir
74B57
amiclear
096C3
goruntulu sohbet
yozgat en iyi ücretsiz sohbet uygulamaları
kilis ücretsiz sohbet sitesi
kars ücretsiz sohbet odaları
samsun canlı görüntülü sohbet
sesli sohbet odası
ankara sohbet uygulamaları
ücretsiz görüntülü sohbet uygulamaları
Bingöl Telefonda Görüntülü Sohbet
0A74A
agri ücretsiz sohbet uygulaması
çankırı rastgele sohbet
Erzincan Sesli Sohbet Sitesi
kırşehir ücretsiz görüntülü sohbet uygulamaları
bedava sohbet odaları
Denizli Kızlarla Rastgele Sohbet
bayburt en iyi sesli sohbet uygulamaları
siirt canlı sohbet sitesi
Karaman Canlı Sohbet Odası
8C96D
btcturk
papaya
paribu
gate io
okex
bybit
telegram türk kripto kanalları
bitcoin nasıl üretilir
referans kimligi nedir
FAB33
okex
telegram kripto para grupları
bitcoin seans saatleri
binance referans kimliği
huobi
kripto para nasıl alınır
güvenilir kripto para siteleri
kucoin
kripto para telegram grupları
99E61
bitcoin haram mı
kraken
bitcoin hangi bankalarda var
probit
kripto para nereden alınır
bybit
bitexen
June 2024 Calendar
okex
48EE7
jeneratör fiyatları
Google SEO
Silkroad Sunucu Kiralama
Vds
Tiktok Reklam Verme
Yapay Zeka Seslendirme
Google Reklam Verme
fuar standı
Dizi Önerileri
Post a Comment