ask #1: HTML iFrames & Forms Ø Create two iframes on the screen. o First frame s
ID: 3794976 • Letter: A
Question
ask #1: HTML iFrames & Forms
Ø Create two iframes on the screen.
o First frame should use the following image as sample to create your new first frame:
3 textboxesLabel for the 1st textbox is: First nameLabel for the 2nd textbox is: Last nameLabel for the 3rd textbox is: Phone number3 radio buttonsLabel for the 1st radio button is: SFULabel for the 2nd radio button is: UBCLabel for the 3rd radio button is: Columbia College4 check boxes2 textarea object1 button1 dropdown box with Surrey, Vancouver, and RichmondBlue background color
Note:
Ø Please make sure that your first frame should consist of the above features, not the sample graphical page as indicated above.
Ø Second frame incorporate the following:
§ JavaScript functions:
Ø alert(…) withmessage ofsaying “Open House!”
Ø prompt(…) method by display a “Are you coming?” message.
Ø confirm(…)method by asking your political voting opinion: YES |NO.
§ Dolphin as the background image
§ 1 button with “Compute” as label
§ 1 button with “Right arrow image” as label
Explanation / Answer
<html>
<head>
<title>Iframe Concepts in HTML</title>
</head>
<body>
<div align='center'>
<a href="../TAGS/TAGS.html" target='con'>TAGS</a> | <a href="../LIST/LIST.html" target='con'>LIST</a> | <a href="../ANCHOR/EXTERNAL.html" target='con'>EXTERNAL</a>
<br><br>
<iframe src="../TAGS/TAGS.html" name='con' width='70%' height='380px' scrolling='yes'></iframe>
h2><u>Absolute Path of Calling Images</u></h2>
<img src="file:///C:UsersdminDesktopsome.jpg" width='283' height='167' border='2' alt='Sold Out... Book Before 6 Months'/>
<img src="file:///C:UsersdminDesktopBATCH.jpg" width='283' height='167' border='2'/>
<img src="file:///E:PRAVEEN_DUMPjquerycubed-image-transitionsimgslife.jpg" width='283' height='167' border='2'/>
<img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT51vsra70vurQjNs0cIa52Kzz UEEpWO0M56X4sEpXTWYfnqvToDg" width='283' height='167' title='BMW s Series' border='2'/>
<h2><u>Relative Path of Calling Images</u></h2>
<img src="1.jpg" width='283' height='167' border='2'/>
<img src="./2.jpg" width='283' height='167' border='2'/>
<img src="../3.jpg" width='283' height='167' border='2'/>
<img src="../../4.jpg" width='283' height='167' border='2'/>
<img src="../../../5.jpg" width='283' height='167' border='2'/>
<img src="../../../BOTTLE/flower/6.jpg" width='283' height='167' border='2'/>
<img src="PHOTOS/7.jpg" width='283' height='167' border='2'/>
<style>
table tr th{
background:#ccc;
font-size:22px;
font-family:courier new;
}
table tr td,input,select,textarea{
font-family:arial;
font-size:21px;
}
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.