<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8598482882581534889</id><updated>2024-10-07T14:18:42.754+08:00</updated><category term="HTML Language"/><title type='text'>Information Technology</title><subtitle type='html'>It will help the readers to know more about technologies and to teach something new.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/13914137653689320024</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXmydjxZhSOEKzIUFwKbfCP7qUfO3jIdFWglLrwnYTNr0u4Xw2B5PgUGbXDllJGCQoX5tl8OrLay1Ru9kTaC8k1rnEKorF7frzo3zDRWQ8w1MtJHU25kCc4ycESIChA/s220/t128.jpeg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>8</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8598482882581534889.post-6675409896489702047</id><published>2017-05-22T08:20:00.003+08:00</published><updated>2017-05-25T22:15:12.553+08:00</updated><title type='text'>HelpOut Application</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;span style=&quot;background-color: rgba(252, 251, 249, 0.901961); color: #726b60; font-family: Ubuntu, sans-serif; font-size: 18px; text-align: justify;&quot;&gt;HelpOut Application is an user friendly interface which lets the user to contact directly their loved one and life-saving government service whenever they need help such as road accidents and any crime related situation. In order to contact them, the user needs configure its emergency contact information to activate the application. &lt;a href=&quot;https://kevinjohnrivera.wordpress.com/2016/10/24/helpout-application/&quot;&gt;Read more&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;

&lt;!-- start InLinkz script --&gt;
    &lt;div class=&#39;InLinkzContainer&#39; id=&#39;716953&#39;&gt;
    &lt;a rel=&#39;nofollow&#39; href=&quot;http://www.inlinkz.com/new/view.php?id=716953&quot; title=&quot;click to view in an external page.&quot;&gt;An InLinkz Link-up&lt;/a&gt;&lt;/div&gt;
    &lt;script type=&#39;text/javascript&#39; src=&#39;https://static.inlinkz.com/cs2.js&#39;&gt;&lt;/script&gt;
&lt;!-- end InLinkz script --&gt;

&lt;!-- inlinkz code start --&gt;

   &lt;div id=&quot;210008&quot; class=&quot;ProjectManagerContainer&quot;&gt;
    &lt;/div&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;https://static.inlinkz.com/ppr.js&quot;&gt;&lt;/script&gt;
&lt;!-- inlinkz code end --&gt;</content><link rel='replies' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/6675409896489702047/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://itekabbz.blogspot.com/2017/05/helpout-application.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/6675409896489702047'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/6675409896489702047'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/2017/05/helpout-application.html' title='HelpOut Application'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/01464729067881022249</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='28' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMObDYIUsa3G87cWdXMVVzzQSQwA7A9MH0aJQ1HOANX7pXphEIsCPzZL7lZo_1aihNsIF2__Si9mQC25SR7bL5V9PPl-Ld8gR0BmtUl4gdSHyQRcAYT7IFOZ-XtC27SA/s220/0801235.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8598482882581534889.post-4425837964473217079</id><published>2014-11-04T15:48:00.003+08:00</published><updated>2014-11-04T15:52:33.298+08:00</updated><title type='text'>Geolocation in HTML</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Geolocation is finding your location. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;Source Code: &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&amp;lt;!DOCTYPE html&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Click the button to get your coordinates.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;button onclick=&quot;getLocation()&quot;&amp;gt;Try It&amp;lt;/button&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p id=&quot;demo&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
var x = document.getElementById(&quot;demo&quot;);&lt;br /&gt;
&lt;br /&gt;
function getLocation() {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if (navigator.geolocation) {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; navigator.geolocation.watchPosition(showPosition);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; } else { &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; x.innerHTML = &quot;Geolocation is not supported by this browser.&quot;;}&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
function showPosition(position) {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; x.innerHTML=&quot;Latitude: &quot; + position.coords.latitude + &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;&amp;lt;br&amp;gt;Longitude: &quot; + position.coords.longitude;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/4425837964473217079/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://itekabbz.blogspot.com/2014/11/geolocation-in-html.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/4425837964473217079'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/4425837964473217079'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/2014/11/geolocation-in-html.html' title='Geolocation in HTML'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/13914137653689320024</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXmydjxZhSOEKzIUFwKbfCP7qUfO3jIdFWglLrwnYTNr0u4Xw2B5PgUGbXDllJGCQoX5tl8OrLay1Ru9kTaC8k1rnEKorF7frzo3zDRWQ8w1MtJHU25kCc4ycESIChA/s220/t128.jpeg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8598482882581534889.post-1191926288347494997</id><published>2011-04-08T14:42:00.005+08:00</published><updated>2011-04-15T09:47:57.114+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML Language"/><title type='text'>Scrolling Lists in HTML</title><content type='html'>The Scrolling lists can configure lists to allow the users to choose one or  multiple answers to be selected form. It is efficient way to display more information in less space than static HTML.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Source Code:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre  style=&quot;background:#ffffff;color:#000000;&quot;&gt;&lt;span style=&quot; ;color:#004a43;&quot; &gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;html&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;head&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;   &lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;title&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;Scrolling Lists&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;title&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;head&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;body&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;   &lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;b&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;Scrolling List:&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;b&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;br&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;p&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;select&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;MULTIPLE&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;SIZE&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;3&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;NAME&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;course department&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;option&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;value&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;BSCS&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt; Computer Science&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;option&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;value&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;BSIT&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt; Information Technology&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;option&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;value&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;BSCoE&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt; Computer Engineering&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;option&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;value&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;BSA&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt; Accountancy&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;option&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;value&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;BSN&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt; Nursing&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;select&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;p&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;body&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;html&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Multiple &lt;/span&gt;- defines the ability to make multiple selections.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Size &lt;/span&gt;- You can modify the number of line will display from you webpage. Example of my codes there are &quot;3&quot; size indicate.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Output:&lt;/span&gt;&lt;br /&gt;&lt;pre color=&quot;#000000&quot; style=&quot;background:#ffffff;&quot;&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipBMfQIrvDXnuCYNmng24MBgs_p7dPXrkG9gz_eSMFocDKcdv55bVCmlW4-_7UtlOn9mo2H7Y2QcrpqtUNoRMCJxc6bHwiEub8ONC5c2uEsElEBIGmVBxNeTZ9cOjqNwMZJfakQeqDl9k/s1600/scrolling+lists.png&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 180px; height: 102px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipBMfQIrvDXnuCYNmng24MBgs_p7dPXrkG9gz_eSMFocDKcdv55bVCmlW4-_7UtlOn9mo2H7Y2QcrpqtUNoRMCJxc6bHwiEub8ONC5c2uEsElEBIGmVBxNeTZ9cOjqNwMZJfakQeqDl9k/s400/scrolling+lists.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5593119242140531106&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/pre&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;This look like the scrolling list. I hope did you get some idea from my blog.&lt;br /&gt;thanks for reading and try your own making a webpage.</content><link rel='replies' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/1191926288347494997/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://itekabbz.blogspot.com/2011/04/scrolling-lists-in-html.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/1191926288347494997'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/1191926288347494997'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/2011/04/scrolling-lists-in-html.html' title='Scrolling Lists in HTML'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/13914137653689320024</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXmydjxZhSOEKzIUFwKbfCP7qUfO3jIdFWglLrwnYTNr0u4Xw2B5PgUGbXDllJGCQoX5tl8OrLay1Ru9kTaC8k1rnEKorF7frzo3zDRWQ8w1MtJHU25kCc4ycESIChA/s220/t128.jpeg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipBMfQIrvDXnuCYNmng24MBgs_p7dPXrkG9gz_eSMFocDKcdv55bVCmlW4-_7UtlOn9mo2H7Y2QcrpqtUNoRMCJxc6bHwiEub8ONC5c2uEsElEBIGmVBxNeTZ9cOjqNwMZJfakQeqDl9k/s72-c/scrolling+lists.png" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8598482882581534889.post-4494271496858581258</id><published>2011-04-08T11:46:00.005+08:00</published><updated>2011-04-15T09:47:57.114+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML Language"/><title type='text'>Text Areas in HTML</title><content type='html'>The text area is similar to the &lt;a href=&quot;http://itekabbz.blogspot.com/2011/04/text-fields-in-html.html&quot;&gt;text field&lt;/a&gt; that can put their text on the box. While the text area has a text fields that can span several lines. Unlike most other form fields, text areas are not defined with an input tag.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Source Code:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre  style=&quot;background:#ffffff;color:#000000;&quot;&gt;&lt;span style=&quot; ;color:#004a43;&quot; &gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;html&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;head&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;title&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;Text Areas&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;title&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;head&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;body&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;b&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;Text Area:&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;b&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;br&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;p&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;textarea&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;name&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;textarea&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;rows&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;10&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;cols&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;30&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;p&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;body&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;html&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Rows &lt;/span&gt;- You can specify the depth of the text area.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Cols &lt;/span&gt;- You can specify the width of the text area.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Wrap = &quot;Physical&quot;  &lt;/span&gt;- it allows the text to wrap in the box as it is entered. it is optional if you want to use.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Output:&lt;br /&gt;&lt;/span&gt;&lt;pre color=&quot;#000000&quot; style=&quot;background:#ffffff;&quot;&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBc5OH_JvwaoG-DnDHvJgnzGWBEORuygcnpkYtOHdzBdA5Zcg03i3PKZzaIHAFC8zP5bBgP3U44XMUKaz891qm3Vl2g9yerqTgDr-wlb0yuZIyr8BJYB5B_s9M1ZZ6Dw4fT1QXFREXOU/s1600/textarea.png&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 286px; height: 214px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBc5OH_JvwaoG-DnDHvJgnzGWBEORuygcnpkYtOHdzBdA5Zcg03i3PKZzaIHAFC8zP5bBgP3U44XMUKaz891qm3Vl2g9yerqTgDr-wlb0yuZIyr8BJYB5B_s9M1ZZ6Dw4fT1QXFREXOU/s400/textarea.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5593057559539277186&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/pre&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;This is the output that the user input a lorem ipsum. Now you can try by your own. If you have a clarification leave a comment for this page. Thank for your time reading my blog.&lt;/span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/4494271496858581258/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://itekabbz.blogspot.com/2011/04/text-areas-in-html.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/4494271496858581258'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/4494271496858581258'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/2011/04/text-areas-in-html.html' title='Text Areas in HTML'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/13914137653689320024</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXmydjxZhSOEKzIUFwKbfCP7qUfO3jIdFWglLrwnYTNr0u4Xw2B5PgUGbXDllJGCQoX5tl8OrLay1Ru9kTaC8k1rnEKorF7frzo3zDRWQ8w1MtJHU25kCc4ycESIChA/s220/t128.jpeg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBc5OH_JvwaoG-DnDHvJgnzGWBEORuygcnpkYtOHdzBdA5Zcg03i3PKZzaIHAFC8zP5bBgP3U44XMUKaz891qm3Vl2g9yerqTgDr-wlb0yuZIyr8BJYB5B_s9M1ZZ6Dw4fT1QXFREXOU/s72-c/textarea.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8598482882581534889.post-7256931086615279039</id><published>2011-04-08T10:56:00.005+08:00</published><updated>2011-04-15T09:47:57.115+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML Language"/><title type='text'>Text Fields in HTML</title><content type='html'>The function of the text fields to enter a single line of text. This form are one of the most common fields we see on the websites. like search box, signing an account, and other types of text field that can apply to the websites.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Source Code:&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;pre  style=&quot;background:#ffffff;color:#000000;&quot;&gt;&lt;span style=&quot; ;color:#004a43;&quot; &gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;html&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;head&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;title&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;Text Fields&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;title&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;head&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;body&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;b&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;Text Field:&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;b&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;br&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;p&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;input&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;type&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;text&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;name&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;textfield&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#074726;&quot; &gt;size&lt;/span&gt;&lt;span style=&quot; ;color:#808030;&quot; &gt;=&lt;/span&gt;&lt;span style=&quot; ;color:#274796;&quot; &gt; &lt;/span&gt;&lt;span style=&quot; ;color:#0000e6;&quot; &gt;&quot;30&quot;&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;p&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;body&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot; font-weight:bold; color:#800000;&quot; &gt;html&lt;/span&gt;&lt;span style=&quot; ;color:#a65700;&quot; &gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/pre&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;The &lt;span style=&quot;font-weight: bold;&quot;&gt;Size&lt;/span&gt; option denoted the width of the field. the maxlength option denoted the maximum length of the field like &quot;30&quot; is an example of the maxlength.&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;The &lt;span style=&quot;font-weight: bold;&quot;&gt;Name &lt;/span&gt;setting add an internal name to the fields so the program that handles the form can identify the fields.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Output:&lt;/span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;pre color=&quot;#000000&quot; style=&quot;background:#ffffff;&quot;&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf6VN8nLA1Jkkxx9fmWOQfcRtzaGA5v3dFVowClOrMTZI0r_dyOBYG8QKY0ot-KJmK9QzRFXru01rhnwD6COV89XN9Hs_QtFEgvZnXjgNV8LBpeDfEX_DCFfI4FnbUHIeVbCLoGqW3eC4/s1600/textfield.png&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 224px; height: 94px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf6VN8nLA1Jkkxx9fmWOQfcRtzaGA5v3dFVowClOrMTZI0r_dyOBYG8QKY0ot-KJmK9QzRFXru01rhnwD6COV89XN9Hs_QtFEgvZnXjgNV8LBpeDfEX_DCFfI4FnbUHIeVbCLoGqW3eC4/s400/textfield.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5593047995377477650&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/pre&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;This output of the text field code. Now you can try by your own.</content><link rel='replies' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/7256931086615279039/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://itekabbz.blogspot.com/2011/04/text-fields-in-html.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/7256931086615279039'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/7256931086615279039'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/2011/04/text-fields-in-html.html' title='Text Fields in HTML'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/13914137653689320024</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXmydjxZhSOEKzIUFwKbfCP7qUfO3jIdFWglLrwnYTNr0u4Xw2B5PgUGbXDllJGCQoX5tl8OrLay1Ru9kTaC8k1rnEKorF7frzo3zDRWQ8w1MtJHU25kCc4ycESIChA/s220/t128.jpeg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf6VN8nLA1Jkkxx9fmWOQfcRtzaGA5v3dFVowClOrMTZI0r_dyOBYG8QKY0ot-KJmK9QzRFXru01rhnwD6COV89XN9Hs_QtFEgvZnXjgNV8LBpeDfEX_DCFfI4FnbUHIeVbCLoGqW3eC4/s72-c/textfield.png" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8598482882581534889.post-3102457443694891167</id><published>2011-04-05T09:13:00.001+08:00</published><updated>2011-04-15T09:47:57.115+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML Language"/><title type='text'>Radio ButtonsI in HTML</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;The event of this radio button to check the item. it is similar to the &lt;a style=&quot;font-weight: bold;&quot; href=&quot;http://itekabbz.blogspot.com/2011/04/checkboxes-in-html.html&quot;&gt;Checkboxes&lt;/a&gt;,  their are different functions and shape. the function of radio button only one item can be selected at a time.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Source Code:&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;blockquote&gt;&lt;code&gt;&lt;span style=&quot;font-family:Courier New;font-size:85%;color:black;&quot;&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;!&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;DOCTYPE&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;html&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;html&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;hea&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;code&gt;&lt;span style=&quot;font-family:Courier New;font-size:85%;color:black;&quot;&gt;&lt;span style=&quot;color:#800000;&quot;&gt;d&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;titl&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;code&gt;&lt;span style=&quot;font-family:Courier New;font-size:85%;color:black;&quot;&gt;&lt;span style=&quot;color:#800000;&quot;&gt;e&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;Radio Buttons&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;b&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;Radio Button:&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;b&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;br&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;input&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;type&lt;/span&gt;= &lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;=&quot;tree&quot;&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;=&quot;narra_tree&quot;&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt; Narra Tree&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/code&gt;&lt;br /&gt;&lt;code&gt;&lt;span style=&quot;font-family:Courier New;font-size:85%;color:black;&quot;&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;input&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;type&lt;/span&gt;= &lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;=&quot;tree&quot;&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;=&quot;coconut_tree&quot;&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt; Coconut Tree&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;code&gt;&lt;span style=&quot;font-family:Courier New;font-size:85%;color:black;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;input&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;type&lt;/span&gt;= &lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;=&quot;tree&quot;&lt;/span&gt; &lt;span style=&quot;color:#ff0000;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;=&quot;bamboo_tree&quot;&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt; Bamboo Tree&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color:#800000;&quot;&gt;html&lt;/span&gt;&lt;span style=&quot;color:#0000ff;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;code&gt;&lt;/code&gt;&lt;/blockquote&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;The most important is the input element it use to select user information. an input element can be classify in different way, and also depending on the type of attribute. example of input element are text field, checkbox, password, radio button, submit button, scrolling lists, text areas, and more.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Radio&lt;/span&gt; -  radio button let a user to select only one at a time and limited number of choices.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Name&lt;/span&gt; - you can define the element as being part of the Tree radio button group.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Value&lt;/span&gt; -  sets the value for the input field.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Output&lt;/span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFGR4diFYT2_V1z3lqg0vbFvgMrXeffAkQnynQZkeY8xehYoCLeW7sDQtU_16jMQMP3D6FL4rD1AvwTeEc4-41DwIRWQ_qmkxLbnH-y21E0jl4zkbXtYPjTtPql8ZnvdP3e4j7AdBkqto/s1600/radio.png&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 121px; height: 147px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFGR4diFYT2_V1z3lqg0vbFvgMrXeffAkQnynQZkeY8xehYoCLeW7sDQtU_16jMQMP3D6FL4rD1AvwTeEc4-41DwIRWQ_qmkxLbnH-y21E0jl4zkbXtYPjTtPql8ZnvdP3e4j7AdBkqto/s400/radio.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5591910822372283426&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;This is the example output of radio button with a group of tree and you can select one at a time from the group.&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/3102457443694891167/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://itekabbz.blogspot.com/2011/04/radio-buttons.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/3102457443694891167'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/3102457443694891167'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/2011/04/radio-buttons.html' title='Radio ButtonsI in HTML'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/13914137653689320024</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXmydjxZhSOEKzIUFwKbfCP7qUfO3jIdFWglLrwnYTNr0u4Xw2B5PgUGbXDllJGCQoX5tl8OrLay1Ru9kTaC8k1rnEKorF7frzo3zDRWQ8w1MtJHU25kCc4ycESIChA/s220/t128.jpeg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFGR4diFYT2_V1z3lqg0vbFvgMrXeffAkQnynQZkeY8xehYoCLeW7sDQtU_16jMQMP3D6FL4rD1AvwTeEc4-41DwIRWQ_qmkxLbnH-y21E0jl4zkbXtYPjTtPql8ZnvdP3e4j7AdBkqto/s72-c/radio.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8598482882581534889.post-9100294192699271147</id><published>2011-04-04T17:40:00.000+08:00</published><updated>2011-04-15T09:47:57.115+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML Language"/><title type='text'>Checkboxes in HTML</title><content type='html'>This Check box it will help the user to choice a multiple items like a set of fruits that you can choice what you want. Checkboxes let a user select ONE or MORE options of a limited number of choices.  &lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;br /&gt;Source Code:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;title&amp;gt;&lt;/span&gt;Checkboxes&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;b&amp;gt;&lt;/span&gt;Checkbox:&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;/b&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#ff9900;&quot;&gt;&lt;br /&gt;&amp;lt;input type= &lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;Checkbox&quot;&lt;/span&gt; name=&lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;fruit&quot;&lt;/span&gt; value=&lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;apple&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;Apple&lt;span style=&quot;color:#000099;&quot;&gt;&lt;br /&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#ff9900;&quot;&gt;&lt;br /&gt;&amp;lt;input type= &lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;Checkbox&quot;&lt;/span&gt; name=&lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;fruit&quot;&lt;/span&gt; value=&lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;orange&quot;&lt;/span&gt;&amp;gt;&lt;br /&gt;&lt;/span&gt;Orange&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#ff9900;&quot;&gt;&lt;br /&gt;&amp;lt;input type= &lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;Checkbox&quot;&lt;/span&gt; name=&lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;fruit&quot;&lt;/span&gt; value=&lt;span style=&quot;color:#0000ff;&quot;&gt;&quot;banana&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;Banana&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color:#000099;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;This codes represent on how the checkbox will do. set the TYPE of what you want to put like &quot;checkbox&quot;, NAME of the field.what kind of items you will use like  &quot;fruit&quot;, and VALUE that is submitted if checked and it will represent  what item you want.   &lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;br /&gt;OUTPUT:&lt;/span&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw39z_X6Eg7abL2vucB3ymk9AecNwsH5cSyhuNwm_3zw5WYS6dpWyCBwL1iXVuFLWYcRf2UF24L1ZPpuXwDBOh_l43I7Xq3QVyTTtfiBEmQXNAklA52EzcH4Gd5sRZncmaslRAb7-_sP0/s1600/checkbox.png&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUIepC_PToqiNuIQMwy2AqZ7A1j2tiAI9kxEviQ8k8ok8T3IQxbbt_00xTpURnHeOkY3WxJ-hlL-DkSSDpmqRwYRIcO-Ow7NujTdpsBbDghf83YlMiefbDa85gnIneG7P-9ZC0M6e6qOA/s1600/checkbox.png&quot;&gt;&lt;img style=&quot;float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 124px; height: 188px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUIepC_PToqiNuIQMwy2AqZ7A1j2tiAI9kxEviQ8k8ok8T3IQxbbt_00xTpURnHeOkY3WxJ-hlL-DkSSDpmqRwYRIcO-Ow7NujTdpsBbDghf83YlMiefbDa85gnIneG7P-9ZC0M6e6qOA/s400/checkbox.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5591667898807127186&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The output it will show the items of fruit and the user selected the apple and banana.&lt;br /&gt;&lt;br /&gt;I hope I can help you for what you are asking for..&lt;br /&gt;&lt;br /&gt;enjoy reading my blog.</content><link rel='replies' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/9100294192699271147/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://itekabbz.blogspot.com/2011/04/checkboxes-in-html.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/9100294192699271147'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/9100294192699271147'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/2011/04/checkboxes-in-html.html' title='Checkboxes in HTML'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/13914137653689320024</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXmydjxZhSOEKzIUFwKbfCP7qUfO3jIdFWglLrwnYTNr0u4Xw2B5PgUGbXDllJGCQoX5tl8OrLay1Ru9kTaC8k1rnEKorF7frzo3zDRWQ8w1MtJHU25kCc4ycESIChA/s220/t128.jpeg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUIepC_PToqiNuIQMwy2AqZ7A1j2tiAI9kxEviQ8k8ok8T3IQxbbt_00xTpURnHeOkY3WxJ-hlL-DkSSDpmqRwYRIcO-Ow7NujTdpsBbDghf83YlMiefbDa85gnIneG7P-9ZC0M6e6qOA/s72-c/checkbox.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8598482882581534889.post-5639061910235821683</id><published>2011-04-01T13:21:00.001+08:00</published><updated>2011-04-14T11:41:22.356+08:00</updated><title type='text'>Information Technology</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;m:smallfrac val=&quot;off&quot;&gt;    &lt;m:dispdef&gt;    &lt;m:lmargin val=&quot;0&quot;&gt;    &lt;m:rmargin val=&quot;0&quot;&gt;    &lt;m:defjc val=&quot;centerGroup&quot;&gt;    &lt;m:wrapindent val=&quot;1440&quot;&gt;    &lt;m:intlim val=&quot;subSup&quot;&gt;    &lt;m:narylim val=&quot;undOvr&quot;&gt;   &lt;/m:narylim&gt;&lt;/m:intlim&gt; &lt;/m:wrapindent&gt;  &lt;/m:defjc&gt;&lt;/m:rmargin&gt;&lt;/m:lmargin&gt;&lt;/m:dispdef&gt;&lt;/m:smallfrac&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: 100%;&quot;&gt;Information technology is all about the use of computers and software to manage information. It includes data management, networking, engineering computer hardware, database and software design, as well as management and administration of entire systems. There is lots of perceived knowledge in IT by using a visual format, making a system that can help the industry to improve and any multimedia distribution mechanism. In every large company has a department of Information technology would be responsible for storing information, processing the information, transmitting the information , protecting the information, and retrieving information as necessary. &lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: 100%;&quot;&gt;There are some school has a different majoring of information technology like Software Engineer, Network technologies, and Multimedia. This major’s help the students to find what will be preferred to their field of information technology. Base on wiki &lt;a href=&quot;http://en.wikipedia.org/wiki/Software_engineering&quot;&gt;&lt;b&gt;Software engineering&lt;/b&gt;&lt;/a&gt; is a profession dedicated to designing, implementing, and modifying software so that it is higher quality, more affordable, maintainable, and faster to build. It is a &quot;systematic approach to the analysis, design, assessment, implementation, test, maintenance and reengineering of software, that is, the application of engineering to software.&quot; The term software engineering first appeared in the 1968 NATO Software Engineering Conference, and was meant to provoke thought regarding the perceived &quot;software crisis&quot; at the time. A &lt;a href=&quot;http://en.wikipedia.org/wiki/Computer_network&quot;&gt;&lt;b&gt;Network Technologies / Computer Network&lt;/b&gt;&lt;/a&gt;, often simply referred to as a network, are a collection of computers and devices interconnected by communications channels that facilitate communications among users and allow users to share resources. Networks may be classified according to a wide variety of characteristics. A computer network allows sharing of resources and information among interconnected devices. A &lt;a href=&quot;http://en.wikipedia.org/wiki/Multimedia&quot;&gt;&lt;b&gt;Multimedia&lt;/b&gt; &lt;/a&gt;is media and content that uses a combination of different content forms. The term can be used as a noun (a medium with multiple content forms) or as an adjective describing a medium as having multiple content forms. The term is used in contrast to media which only use traditional forms of printed or hand-produced material. Multimedia includes a combination of text, audio, still images, animation, video, and interactivity content forms.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: 100%;&quot;&gt;However, information technologies help the industry to build a high-tech performance and to have a secured in terms of data management, security systems, encrypting and decrypting file by transmitting data to other users, and other things that can do by the IT professional. &lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://itekabbz.blogspot.com/feeds/5639061910235821683/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://itekabbz.blogspot.com/2011/03/information-technology.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/5639061910235821683'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8598482882581534889/posts/default/5639061910235821683'/><link rel='alternate' type='text/html' href='http://itekabbz.blogspot.com/2011/03/information-technology.html' title='Information Technology'/><author><name>Kevin</name><uri>http://www.blogger.com/profile/13914137653689320024</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXmydjxZhSOEKzIUFwKbfCP7qUfO3jIdFWglLrwnYTNr0u4Xw2B5PgUGbXDllJGCQoX5tl8OrLay1Ru9kTaC8k1rnEKorF7frzo3zDRWQ8w1MtJHU25kCc4ycESIChA/s220/t128.jpeg'/></author><thr:total>0</thr:total></entry></feed>