CINXE.COM

Bahasa Penanda Hiperteks (HTML)/Borang - Wikibuku

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-not-available" lang="ms" dir="ltr"> <head> <meta charset="UTF-8"> <title>Bahasa Penanda Hiperteks (HTML)/Borang - Wikibuku</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-not-available";var cookie=document.cookie.match(/(?:^|; )mswikibooksmwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","Januari","Februari","Mac","April","Mei","Jun","Julai","Ogos","September","Oktober","November","Disember"],"wgRequestId":"4696bd59-19b1-46f1-9e4f-2dc80b5e057b","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Bahasa_Penanda_Hiperteks_(HTML)/Borang","wgTitle":"Bahasa Penanda Hiperteks (HTML)/Borang","wgCurRevisionId":8054,"wgRevisionId":8054,"wgArticleId":3350,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Pages using deprecated source tags","Bahasa Penanda Hiperteks"],"wgPageViewLanguage":"ms","wgPageContentLanguage":"ms","wgPageContentModel":"wikitext","wgRelevantPageName":"Bahasa_Penanda_Hiperteks_(HTML)/Borang","wgRelevantArticleId":3350,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikibooks","wgCiteReferencePreviewsActive":true, "wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgVisualEditor":{"pageLanguageCode":"ms","pageLanguageDir":"ltr","pageVariantFallbacks":"ms"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":6000,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"]};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready", "ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.pygments.view","site","mediawiki.page.ready","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.urlShortener.toolbar","ext.centralauth.centralautologin","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.checkUser.clientHints"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=ms&amp;modules=ext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&amp;only=styles&amp;skin=vector-2022"> <script async="" src="/w/load.php?lang=ms&amp;modules=startup&amp;only=scripts&amp;raw=1&amp;skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=ms&amp;modules=site.styles&amp;only=styles&amp;skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Bahasa Penanda Hiperteks (HTML)/Borang - Wikibuku"> <meta property="og:type" content="website"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//ms.m.wikibooks.org/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Borang"> <link rel="alternate" type="application/x-wiki" title="Sunting" href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=edit"> <link rel="icon" href="/static/favicon/wikibooks.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikibuku (ms)"> <link rel="EditURI" type="application/rsd+xml" href="//ms.wikibooks.org/w/api.php?action=rsd"> <link rel="canonical" href="https://ms.wikibooks.org/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Borang"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.ms"> <link rel="alternate" type="application/atom+xml" title="Suapan Atom Wikibuku" href="/w/index.php?title=Khas:Perubahan_terkini&amp;feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Bahasa_Penanda_Hiperteks_HTML_Borang rootpage-Bahasa_Penanda_Hiperteks_HTML skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Pergi ke kandungan</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Tapak"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu utama" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu utama</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu utama</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">alih ke bar sisi</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">sorokkan</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Kotak pandu arah </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage" class="mw-list-item"><a href="/wiki/Laman_Utama" title="Kunjungi Laman Utama [z]" accesskey="z"><span>Laman Utama</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikibuku:Kedai_Kopi" title="Tentang projek, perkara yang anda dapat lakukan, tempat untuk mencari sesuatu"><span>Gerbang komuniti</span></a></li><li id="n-Kedai-kopi" class="mw-list-item"><a href="/wiki/Wikibuku:Kedai_Kopi"><span>Kedai kopi</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Khas:Perubahan_terkini" title="Senarai perubahan terkini dalam wiki [r]" accesskey="r"><span>Perubahan terkini</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Khas:Rawak" title="Muat laman rawak [x]" accesskey="x"><span>Buku rawak</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Bantuan:Kandungan" title="Tempat mencari jawapan"><span>Bantuan</span></a></li><li id="n-Resipi" class="mw-list-item"><a href="/wiki/Resipi"><span>Resipi</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Laman_Utama" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikibooks.svg" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikibuku" src="/static/images/mobile/copyright/wikibooks-wordmark-ms.svg" style="width: 6.125em; height: 0.875em;"> <img class="mw-logo-tagline" alt="" src="/static/images/mobile/copyright/wikibooks-tagline-ms.svg" width="121" height="9" style="width: 7.5625em; height: 0.5625em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Khas:Cari" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Cari Wikibuku [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Kotak carian</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Cari Wikibuku" aria-label="Cari Wikibuku" autocapitalize="sentences" title="Cari Wikibuku [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Khas:Cari"> </div> <button class="cdx-button cdx-search-input__end-button">Cari</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Alat peribadi"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Penampilan"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Tukar penampilan saiz, lebar dan warna fon laman" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Penampilan" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Penampilan</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_ms.wikibooks.org&amp;uselang=ms" class=""><span>Menderma</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Khas:Buka_akaun&amp;returnto=Bahasa+Penanda+Hiperteks+%28HTML%29%2FBorang" title="Anda digalakkan untuk membuka akaun dan melog masuk; walau bagaimanapun, ianya tidak wajib" class=""><span>Buka akaun</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Khas:Log_masuk&amp;returnto=Bahasa+Penanda+Hiperteks+%28HTML%29%2FBorang" title="Anda digalakkan untuk melog masuk; walau bagaimanapun, ia tidak wajib. [o]" accesskey="o" class=""><span>Log masuk</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Lebih pilihan" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Alat peribadi" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Alat peribadi</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu pengguna" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_ms.wikibooks.org&amp;uselang=ms"><span>Menderma</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Khas:Buka_akaun&amp;returnto=Bahasa+Penanda+Hiperteks+%28HTML%29%2FBorang" title="Anda digalakkan untuk membuka akaun dan melog masuk; walau bagaimanapun, ianya tidak wajib"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Buka akaun</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Khas:Log_masuk&amp;returnto=Bahasa+Penanda+Hiperteks+%28HTML%29%2FBorang" title="Anda digalakkan untuk melog masuk; walau bagaimanapun, ia tidak wajib. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log masuk</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Laman untuk penyunting log keluar <a href="/wiki/Bantuan:Pengenalan" aria-label="Ketahui lebih lanjut tentang menyunting"><span>Ketahui lebih lanjut</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Khas:Sumbangan_saya" title="Senarai suntingan yang dibuat daripada alamat IP ini [y]" accesskey="y"><span>Sumbangan</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Khas:Perbincangan_saya" title="Perbincangan mengenai penyuntingan daripada alamat IP anda [n]" accesskey="n"><span>Perbincangan</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"><!-- CentralNotice --></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Tapak"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Bahasa Penanda Hiperteks (HTML)/Borang</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Pergi ke rencana dalam bahasa lain. Tersedia dalam 3 bahasa" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-3" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">3 bahasa</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikibooks.org/wiki/HyperText_Markup_Language/Forms" title="HyperText Markup Language/Forms – Inggeris" lang="en" hreflang="en" data-title="HyperText Markup Language/Forms" data-language-autonym="English" data-language-local-name="Inggeris" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikibooks.org/wiki/Le_langage_HTML/Formulaires" title="Le langage HTML/Formulaires – Perancis" lang="fr" hreflang="fr" data-title="Le langage HTML/Formulaires" data-language-autonym="Français" data-language-local-name="Perancis" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikibooks.org/wiki/HTML/Moduli" title="HTML/Moduli – Itali" lang="it" hreflang="it" data-title="HTML/Moduli" data-language-autonym="Italiano" data-language-local-name="Itali" class="interlanguage-link-target"><span>Italiano</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:NewItem?site=mswikibooks&amp;page=Bahasa+Penanda+Hiperteks+%28HTML%29%2FBorang" title="Tambah pautan antara bahasa" class="wbc-editpage">Tambah pautan</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Ruang nama"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Borang" title="Lihat laman kandungan [c]" accesskey="c"><span>Laman</span></a></li><li id="ca-talk" class="new vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Perbincangan:Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=edit&amp;redlink=1" rel="discussion" class="new" title="Perbincangan mengenai laman kandungan (laman tidak wujud) [t]" accesskey="t"><span>Perbincangan</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Tukar kelainan bahasa" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Bahasa Melayu</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Rupa"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Borang"><span>Baca</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=edit" title="Sunting laman ini [e]" accesskey="e"><span>Sunting</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=history" title="Semakan terdahulu bagi laman ini [h]" accesskey="h"><span>Lihat sejarah</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Alatan laman"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Peralatan" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Peralatan</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Peralatan</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">alih ke bar sisi</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">sorokkan</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Lagi pilihan" > <div class="vector-menu-heading"> Tindakan </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Borang"><span>Baca</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=edit" title="Sunting laman ini [e]" accesskey="e"><span>Sunting</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=history"><span>Lihat sejarah</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Umum </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Khas:Pautan_ke_sini/Bahasa_Penanda_Hiperteks_(HTML)/Borang" title="Senarai semua laman wiki yang mengandungi pautan ke laman ini [j]" accesskey="j"><span>Pautan ke laman ini</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Khas:Perubahan_berkaitan/Bahasa_Penanda_Hiperteks_(HTML)/Borang" rel="nofollow" title="Perubahan terkini bagi laman yang dipaut dari laman ini [k]" accesskey="k"><span>Perubahan berkaitan</span></a></li><li id="t-upload" class="mw-list-item"><a href="//commons.wikimedia.org/wiki/Special:UploadWizard?uselang=ms" title="Muat naik fail [u]" accesskey="u"><span>Muat naik fail</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Khas:Laman_khas" title="Senarai semua laman khas [q]" accesskey="q"><span>Laman khas</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;oldid=8054" title="Pautan kekal ke semakan laman ini"><span>Pautan kekal</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=info" title="Maklumat lanjut mengenai laman ini"><span>Maklumat laman</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Khas:Petik_laman_ini&amp;page=Bahasa_Penanda_Hiperteks_%28HTML%29%2FBorang&amp;id=8054&amp;wpFormIdentifier=titleform" title="Maklumat tentang cara memetik laman ini"><span>Petik laman ini</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Khas:UrlShortener&amp;url=https%3A%2F%2Fms.wikibooks.org%2Fwiki%2FBahasa_Penanda_Hiperteks_%28HTML%29%2FBorang"><span>Dapatkan URL pendek</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Khas:QrCode&amp;url=https%3A%2F%2Fms.wikibooks.org%2Fwiki%2FBahasa_Penanda_Hiperteks_%28HTML%29%2FBorang"><span>Muat turun kod QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Cetak/eksport </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Khas:Buku&amp;bookcmd=book_creator&amp;referer=Bahasa+Penanda+Hiperteks+%28HTML%29%2FBorang"><span>Cipta buku</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Khas:DownloadAsPdf&amp;page=Bahasa_Penanda_Hiperteks_%28HTML%29%2FBorang&amp;action=show-download-screen"><span>Muat turun sebagai PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;printable=yes" title="Versi boleh cetak bagi laman ini [p]" accesskey="p"><span>Versi boleh cetak</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects emptyPortlet" > <div class="vector-menu-heading"> Dalam projek lain </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Alatan laman"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Penampilan"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Penampilan</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">alih ke bar sisi</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">sorokkan</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Daripada Wikibuku</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><div class="subpages">&lt; <bdi dir="ltr"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)" title="Bahasa Penanda Hiperteks (HTML)">Bahasa Penanda Hiperteks (HTML)</a></bdi></div></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="ms" dir="ltr"><table style="border:1px solid #BBB; white-space:nowrap; width:100%; background:#ffffe8; margin-top: 7px; margin-bottom: 7px" class="noprint"> <tbody><tr> <td style="width:33%;"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Ulasan" title="Bahasa Penanda Hiperteks (HTML)/Ulasan">Sebelum: Ulasan</a> </td> <td style="width:33%; text-align:center;"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)" title="Bahasa Penanda Hiperteks (HTML)">Indeks</a> </td> <td style="width:33%; text-align:right;"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Lembaran_Gaya_Lata" title="Bahasa Penanda Hiperteks (HTML)/Lembaran Gaya Lata">Berikut: Lembaran Gaya Lata</a> </td></tr></tbody></table> <p>Borang HTML merupakan cara yang mudah bagi mengumpul data atau maklumat daripada pengguna. Pemprosesan borang memerlukan kehadiran bahasa penskripan pada pelayan atau <i>server-side scripting language</i>, misalnya <a href="/w/index.php?title=PHP&amp;action=edit&amp;redlink=1" class="new" title="PHP (laman tidak wujud)">PHP</a>. Dalam kes-kes yang hanya memerlukan interaksi ringkas yang dapat dilakukan pada laman itu sendiri, borang HTML boleh digunakan dengan bahasa penskripan klien atau <i>client-side scripting language</i>, seperti <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>. </p><p>Berikut kod borang yang ringkas: </p> <div style="border: #7777FF solid 1px; text-align: left; padding:5px; clear: both; background-color: #DDDDFF"><div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">form</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">action</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">method</span><span class="o">=</span><span class="s">&quot;post&quot;</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">fieldset</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">legend</span><span class="p">&gt;</span>Maklumat peribadi<span class="p">&lt;/</span><span class="nt">legend</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;first&quot;</span><span class="p">&gt;</span>Nama sebenar<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;sebenar&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;sebenar&quot;</span><span class="p">&gt;&lt;</span><span class="nt">br</span> <span class="p">/&gt;</span> <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;family&quot;</span><span class="p">&gt;</span>Nama timangan<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;timangan&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;timangan&quot;</span><span class="p">&gt;&lt;</span><span class="nt">br</span> <span class="p">/&gt;</span> <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;submit&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;peribadi&quot;</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">fieldset</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span> </pre></div> <div style="border: #7777FF solid 1px; text-align: left; padding:5px; clear: both; background-color: #FFFFFF;">Perhatikan atribut-atribut yang terdapat pada unsur-unsur <code>form</code>, <code>label</code> dan <code>input</code> </div></div> <p><br /> Penjelasan: </p> <dl><dt>id</dt> <dd>Nama borang atau pengawal.</dd> <dt>action</dt> <dd>URL skrip pada pihak pelayan yang dapat memperoses data.</dd> <dt>method</dt> <dd>Kaedah yang digunakan bagi mengirim maklumat. Dua kaedah didokong, POST dan GET. POST (harfiah, kirim) adalah kaedah yang diutamakan melainkan bagi membuat gelintaran ringkas yang lazimnya menggunakan kaedah GET (harfiah, peroleh). Gunakan dengan bahasa-bahasa pihak pelayan.</dd> <dt>fieldset</dt> <dd>Pengawal borang lazimnya didapati pada unsur <code>fieldset</code>. Borang-borang yang kompleks boleh mengandungi <code>fieldset</code> berganda. <code>Fieldset</code> boleh mengandungi fieldset lain.</dd> <dt>legend</dt> <dd>Setiap <code>fieldset</code> bermula dengan unsur <code>legend</code>. Kandungan unsur <code>legend</code> digunakan sebagai tajuk yang diletakkan pada sempadan <code>fieldset</code>.</dd> <dt>input type="" name ="" id=""</dt> <dd>Pelbagai jenis pengawal input. Jenis-jenis yang didokong adalah: <code> submit</code>, <code>text</code>, <code>password</code>, <code>checkbox</code>, <code>radio</code>, <code>reset</code>, <code>file</code>, <code>hidden</code>, <code>image</code> dan <code>button</code>.</dd></dl> <dl><dt><dl><dt><code>name</code> <span style="font-weight:normal">digunakan pelayan bagi mengenal pasti bahagian data yang mana yang dimasukkan ke dalam sesebuah kotak yang terdapat pada borang.</span></dt> <dt><code>id</code> <span style="font-weight:normal"> digunakan bagi memadankan sesuatu input dengan <code>label</code>nya. </span></dt></dl></dt></dl> <p>Atribut-atribut <code>name</code> dan <code>id</code> <span style="font-weight:normal">lazimnya mempunyai nilai yang sama bagi input jenis teks akan tetapi nilai berlainan bagi input-input jenis <code>checkbox</code> dan <code>radio</code>.</span> </p> <dl><dt>label for=""</dt> <dd>Sebuah label bagi mengawal sesbuah borang. Nilai atribut <code>for</code> perlu serasi dengan atribut <code>id</code> yang ada pada pengawal borang dalam borang yang sama.</dd> <dt>select</dt> <dd>Terdapat juga unsur SELECT ("pilih") buat senarai-senarai runtuh dan juga unsur TEXTAREA ("kawasan teks") bagi input yang barisnya berganda.</dd></dl> <p>Contoh ringkas ini menggunakan tag &lt;br /&gt; untuk memaksa penjanaan barisan baharu di antara pengawal. Borang yang digunakan dalam laman sebenar akan menggunkan bahasa penanda yang lebih teratur strukturnya bagi meletakkan pengawal agar lebih kemas. </p> <div class="mw-heading mw-heading2"><h2 id="Formatting_with_CSS">Formatting with CSS</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=edit&amp;section=1" title="Sunting bahagian: Formatting with CSS"><span>sunting</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="The_HTML">The HTML</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=edit&amp;section=2" title="Sunting bahagian: The HTML"><span>sunting</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The HTML for this form is amazingly simple and you do not have to create hundreds of divs all aligned left and right; this will cause a lot of frustration and a lot of debugging as various browsers still interpret CSS code differently. </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">form</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;name&quot;</span><span class="p">&gt;</span>Name<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">input</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;name&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;name&quot;</span><span class="p">&gt;&lt;</span><span class="nt">br</span> <span class="p">/&gt;</span> <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;address&quot;</span><span class="p">&gt;</span>Address<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">input</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;address&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;address&quot;</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="The_CSS">The CSS</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=edit&amp;section=3" title="Sunting bahagian: The CSS"><span>sunting</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The CSS for this code is a little bit more interesting: </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">label</span><span class="o">,</span><span class="nt">input</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">float</span><span class="p">:</span><span class="w"> </span><span class="kc">left</span><span class="p">;</span> <span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">150</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">block</span><span class="p">;</span> <span class="w"> </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span> <span class="p">}</span> <span class="nt">label</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">75</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">right</span><span class="p">;</span> <span class="w"> </span><span class="k">padding-right</span><span class="p">:</span><span class="w"> </span><span class="mi">20</span><span class="kt">px</span><span class="p">;</span> <span class="p">}</span> <span class="nt">br</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">clear</span><span class="p">:</span><span class="w"> </span><span class="kc">left</span><span class="p">;</span> <span class="p">}</span> </pre></div> <p>Let's explain the code </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">label</span><span class="o">,</span><span class="nt">input</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">float</span><span class="p">:</span><span class="w"> </span><span class="kc">left</span><span class="p">;</span> <span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">150</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">block</span><span class="p">;</span> <span class="w"> </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span> <span class="p">}</span> </pre></div> <p>The CSS for the label has four sections to it: </p> <ol><li>float: the float command is used to establish that the label is floated to the left hand side of the form</li> <li>width: this defines how big the label must be, keeping all the labels at a fixed width keeps everything in a nice ordered line.</li> <li>display: the element will be displayed as a block-level element, with a line break before and after the element</li> <li>margin-bottom: by adding a margin to the bottom of this label it insures that labels are positioned nicely one under another with a nice padding between each</li></ol> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">label</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">75</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">right</span><span class="p">;</span> <span class="w"> </span><span class="k">padding-right</span><span class="p">:</span><span class="w"> </span><span class="mi">20</span><span class="kt">px</span><span class="p">;</span> <span class="p">}</span> </pre></div> <ol><li>width: again this is to define a fixed width giving everything a nice defined unity.</li> <li>Text-align: align the text right keeps everything away from the left aigned labels again keeping things in unison.</li> <li>Padding-right: this means that there is a nice padding on the right keeping things once again fine tuned.</li></ol> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">br</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">clear</span><span class="p">:</span><span class="w"> </span><span class="kc">left</span><span class="p">;</span> <span class="p">}</span> </pre></div> <ol><li>clear: this is the most important part without the clear:left nothing will align properly this basically makes everything within each element sequence align underneath each other and to the left.</li></ol> <div class="mw-heading mw-heading2"><h2 id="Rujukan">Rujukan</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;action=edit&amp;section=4" title="Sunting bahagian: Rujukan"><span>sunting</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Bagi rujukan bagus dan lengkap mengenai borang, lihat <a rel="nofollow" class="external text" href="http://www.w3.org/TR/html4/interact/forms.html">the official W3 Technical Recommendation for forms</a>. </p> <table style="border:1px solid #BBB; white-space:nowrap; width:100%; background:#ffffe8; margin-top: 7px; margin-bottom: 7px" class="noprint"> <tbody><tr> <td style="width:33%;"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Ulasan" title="Bahasa Penanda Hiperteks (HTML)/Ulasan">Sebelum: Ulasan</a> </td> <td style="width:33%; text-align:center;"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)" title="Bahasa Penanda Hiperteks (HTML)">Indeks</a> </td> <td style="width:33%; text-align:right;"><a href="/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Lembaran_Gaya_Lata" title="Bahasa Penanda Hiperteks (HTML)/Lembaran Gaya Lata">Berikut: Lembaran Gaya Lata</a> </td></tr></tbody></table> <!-- NewPP limit report Parsed by mw‐web.codfw.main‐f69cdc8f6‐6whj2 Cached time: 20241122215807 Cache expiry: 2592000 Reduced expiry: false Complications: [no‐toc] CPU time usage: 0.035 seconds Real time usage: 0.432 seconds Preprocessor visited node count: 253/1000000 Post‐expand include size: 3531/2097152 bytes Template argument size: 2648/2097152 bytes Highest expansion depth: 10/100 Expensive parser function count: 12/500 Unstrip recursion depth: 0/20 Unstrip post‐expand size: 8108/5000000 bytes Number of Wikibase entities loaded: 0/400 --> <!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 413.227 1 -total 23.29% 96.245 1 Templat:Kod:Asas 3.14% 12.982 2 Templat:Prognav 1.95% 8.062 6 Templat:Existlist --> <!-- Saved in parser cache with key mswikibooks:pcache:idhash:3350-0!canonical and timestamp 20241122215807 and revision id 8054. Rendering was triggered because: page-view --> </div><!--esi <esi:include src="/esitest-fa8a495983347898/content" /> --><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&amp;useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Diambil daripada "<a dir="ltr" href="https://ms.wikibooks.org/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;oldid=8054">https://ms.wikibooks.org/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;oldid=8054</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Khas:Kategori" title="Khas:Kategori">Kategori</a>: <ul><li><a href="/w/index.php?title=Kategori:Pages_using_deprecated_source_tags&amp;action=edit&amp;redlink=1" class="new" title="Kategori:Pages using deprecated source tags (laman tidak wujud)">Pages using deprecated source tags</a></li><li><a href="/wiki/Kategori:Bahasa_Penanda_Hiperteks" title="Kategori:Bahasa Penanda Hiperteks">Bahasa Penanda Hiperteks</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Laman ini kali terakhir disunting pada 03:48, 2 Jun 2013.</li> <li id="footer-info-copyright">Teks disediakan di bawah <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.ms">Lesen Creative Commons Pengiktirafan/Perkongsian Serupa</a>; terma tambahan mungkin digunapakai. Lihat <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terma Penggunaan</a> untuk butiran lanjut.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Polisi privasi</a></li> <li id="footer-places-about"><a href="/wiki/Wikibuku:Perihal">Perihal Wikibuku</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikibuku:Penafian_umum">Penafian</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Kod Tatakelakuan</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Pembangun</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/ms.wikibooks.org">Statistik</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Kenyataan kuki</a></li> <li id="footer-places-mobileview"><a href="//ms.m.wikibooks.org/w/index.php?title=Bahasa_Penanda_Hiperteks_(HTML)/Borang&amp;mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Paparan mudah alih</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-78f4c97c5d-vd875","wgBackendResponseTime":165,"wgPageParseReport":{"limitreport":{"cputime":"0.035","walltime":"0.432","ppvisitednodes":{"value":253,"limit":1000000},"postexpandincludesize":{"value":3531,"limit":2097152},"templateargumentsize":{"value":2648,"limit":2097152},"expansiondepth":{"value":10,"limit":100},"expensivefunctioncount":{"value":12,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":8108,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 413.227 1 -total"," 23.29% 96.245 1 Templat:Kod:Asas"," 3.14% 12.982 2 Templat:Prognav"," 1.95% 8.062 6 Templat:Existlist"]},"cachereport":{"origin":"mw-web.codfw.main-f69cdc8f6-6whj2","timestamp":"20241122215807","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10