Pengetahuan Dunia Komputer: ASP.NET HTML Controls

Jumat, 09 Desember 2011

ASP.NET HTML Controls

1. HTMLAnchor

<script runat="server">
   Sub Page_Load
   link1.HRef="http://informatikagambel.blogspot.com/"
   link1.Target="_blank"
   link1.Title="informatikagambel"

   link2.HRef="http://www.microsoft.com"
   link2.Target="_blank"
   link2.Title="Microsoft"
End Sub
</script>

<html>
<body>

<form runat="server">
<a id="link1" runat="server">informatikagambel!</a>
<br />
<a id="link2" runat="server">Visit Microsoft!</a>
</form>

</body>
</html>

----------------------------------------------------------------------------------------------------------

2. HTMLBotton

<script runat="server">
Sub button1(Source As Object, e As EventArgs)
p1.InnerHtml="You clicked the blue button!"
End Sub
Sub button2(Source As Object, e As EventArgs)
p1.InnerHtml="You clicked the pink button!"
End Sub
</script>

<html>
<body>

<form runat="server">
<button id="b1" OnServerClick="button1"
style="background-color:#e6e6fa;
height:25;width:100" runat="server">
Blue button!
</button>
<button id="b2"
OnServerClick="button2"
style="background-color:#fff0f5;
height:25;width:100" runat="server">
Pink button!
</button>
<p id="p1" runat="server" />
</form>

</body>
</html>

--------------------------------------------------------------------------------------

3. HTMLImage

<script runat="server">
Sub Page_Load(Sender As Object,E As EventArgs)
   image1.Src="smiley.gif"
   image1.Alt="Smiley"
   image1.Border="3"
End Sub
</script>

<html>
<body>

<form runat="server">
<img id="image1" runat="server" />
</form>

</body>
</html>

-------------------------------------------------------------------------

4. HTMLInputbutton

<script runat="server">
Sub submit(sender As Object, e as EventArgs)
if name.value<>"" then
p1.InnerHtml="Welcome " & name.value & "!"
end if
End Sub
</script>

<html>
<body>

<form runat="server">
Enter your name: <input id="name" type="text" size="30" runat="server" />
<br /><br />
<input type="submit" value="Submit" OnServerClick="submit" runat="server" />
<p id="p1" runat="server" />
</form>

</body>
</html>

-----------------------------------------------------------------------------------

5.HTMLInputCheckbox

<script runat="server">
Sub submit(Source As Object, e As EventArgs)
if red.Checked=True then
p1.InnerHtml="You prefer red!"
else
p1.InnerHtml="You prefer blue!"
end if
red.checked=false
blue.checked=false
End Sub
</script>

<html>
<body>

<form runat="server">
What color do you prefer?
<br />
<input id="red" type="checkbox" runat="server" /> Red
<br />
<input id="blue" type="checkbox" runat="server" /> Blue
<br />
<input type="button" value="Submit" OnServerClick="submit" runat="server"/>
<p id="p1" runat="server" />
</form>

</body>
</html>

-----------------------------------------------------------------------------

6. HTMLInputHidden

<script runat="server">
Sub submit(Source As Object, e As EventArgs)
hidden1.Value=string1.Value
p1.InnerHtml="Hidden value= " + hidden1.Value
End Sub
</script>

<html>
<body>

<form runat="server">
Enter some text: <input id="string1" type="text" size="25" runat="server" />
<input type="submit" value="Submit" OnServerClick="submit" runat="server" />
<input id="hidden1" type="hidden" runat="server" />
<p id="p1" runat="server" />
</form>

</body>
</html>

-------------------------------------------------------------------------------

7. HTMLInputImage

<script runat="server">
Sub button1(Source As Object, e As ImageClickEventArgs)
p1.InnerHtml="You clicked the smiley button!"
End Sub
Sub button2(Source As Object, e As ImageClickEventArgs)
p1.InnerHtml="You clicked the angry button!"
End Sub
</script>

<html>
<body>

<form runat="server">
<p>Click on one of the images:</p>
<p>
<input type="image" src="smiley.gif"
OnServerClick="button1" runat="server" width="32" height="32" />
</p>
<p>
<input type="image" src="angry.gif"
OnServerClick="button2" runat="server" width="32" height="32" />
</p>
<p id="p1" runat="server" />
</form>

</body>
</html>

----------------------------------------------------------------------------------

8. HTMLInputRadiobutton

<script runat="server">
Sub submit(Source As Object, e As EventArgs)
if r1.Checked=True then
   p1.InnerHtml="Your favorite color is red"
else
   if r2.Checked=True then
     p1.InnerHtml="Your favorite color is green"
   else
     if r3.Checked=True then
       p1.InnerHtml="Your favorite color is blue"
     end if
   end if
end if
End Sub
</script>

<html>
<body>

<form runat="server">
<p>Select your favorite color:
<br />
<input id="r1" name="col" type="radio" runat="server">Red</input>
<br />
<input id="r2" name="col" type="radio" runat="server">Green</input>
<br />
<input id="r3" name="col" type="radio" runat="server">Blue</input>
<br />
<input type="button" value="Submit" OnServerClick="submit" runat="server"/>
<p id="p1" runat="server" />
</form>

------------------------------------------------------------------------------------------

9. HTMLTextarea

<script runat="server">
Sub submit(sender As Object, e As EventArgs)
p1.InnerHtml = "<b>You wrote:</b> " & textarea1.Value
End Sub
</script>

<html>
<body>

<form runat="server">
Enter some text:<br />
<textarea id="textarea1" cols="35" rows="6" runat="server" />
<input type="submit" value="Submit" OnServerClick="submit" runat="server" />
<p id="p1" runat="server" />
</form>

</body>
</html>

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)