Computer Science, asked by rorylyle27642, 8 months ago

what configuration Multi way communication carried out in real time using telecommunication all computer network equipment​

Answers

Answered by yash197911
0

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;form class="go-bottom"&gt;</p><p>&lt;h2&gt;To Bottom&lt;/h2&gt;</p><p>&lt;div&gt;</p><p>&lt;input id="name" name="name" type="text" required&gt;</p><p>&lt;label for="name"&gt;Your Name&lt;/label&gt;</p><p>&lt;/div&gt;</p><p>&lt;div&gt;</p><p>&lt;input id="phone" name="phone" type="tel" required&gt;</p><p>&lt;label for="phone"&gt;Primary Phone&lt;/label&gt;</p><p>&lt;/div&gt;</p><p>&lt;div&gt;</p><p>&lt;textarea id="message" name="phone" required&gt;&lt;/textarea&gt;</p><p>&lt;label for="message"&gt;Message&lt;/label&gt;</p><p>&lt;/div&gt;</p><p>&lt;/form&gt;</p><p></p><p>&lt;form class="go-right"&gt;</p><p>&lt;h2&gt;To Right&lt;/h2&gt;</p><p>&lt;div&gt;</p><p>&lt;input id="name" name="name" type="text" required&gt;</p><p>&lt;label for="name"&gt;Your Name&lt;/label&gt;</p><p>&lt;/div&gt;</p><p>&lt;div&gt;</p><p>&lt;input id="phone" name="phone" type="tel" required&gt;</p><p>&lt;label for="phone"&gt;Primary Phone&lt;/label&gt;</p><p>&lt;/div&gt;</p><p>&lt;div&gt;</p><p>&lt;textarea id="message" name="phone" required&gt;&lt;/textarea&gt;</p><p>&lt;label for="message"&gt;Message&lt;/label&gt;</p><p>&lt;/div&gt;</p><p>&lt;/form&gt; </p><p>&lt;/html&gt;</p><p>&lt;!DOCTYPE html&gt;&lt;html&gt;</p><p>{{</p><p>box-sizing: border-box;</p><p>}</p><p>font: 14px/1.4 Sans-Serif;</p><p>}</p><p></p><p>form {</p><p>width: 320px;</p><p>float: left;</p><p>margin: 20px;</p><p>&gt; div {</p><p>position: relative;</p><p>overflow: hidden;</p><p>}</p><p>input, textarea {</p><p>width: 100%;</p><p>border: 2px solid gray; </p><p>background: none;</p><p>position: relative;</p><p>top: 0;</p><p>left: 0;</p><p>z-index: 1;</p><p>padding: 8px 12px;</p><p>outline: 0;</p><p>&amp;:valid {</p><p>// Hides the label</p><p>background: white; </p><p>}</p><p>&amp;:focus {</p><p>border-color: #f06d06;</p><p>}</p><p>&amp;:focus + label {</p><p>background: #f06d06;</p><p>color: white;</p><p>font-size: 70%;</p><p>padding: 1px 6px;</p><p>z-index: 2;</p><p>text-transform: uppercase;</p><p>}</p><p>}</p><p>label {</p><p>transition: // not padding</p><p>background 0.2s,</p><p>color 0.2s,</p><p>top 0.2s,</p><p>bottom 0.2s,</p><p>right 0.2s,</p><p>left 0.2s;</p><p>position: absolute;</p><p>color: #999;</p><p>padding: 7px 6px;</p><p>}</p><p>textarea {</p><p>display: block;</p><p>resize: vertical;</p><p>}</p><p>}</p><p></p><p>form.go-bottom {</p><p>input, textarea {</p><p>padding: 12px 12px 12px 12px; </p><p>}</p><p>label {</p><p>top: 0;</p><p>bottom: 0;</p><p>left: 0;</p><p>width: 100%;</p><p>}</p><p>input:focus, textarea:focus {</p><p>padding: 4px 6px 20px 6px; </p><p>}</p><p>input:focus + label, textarea:focus + label {</p><p>top: 100%;</p><p>margin-top: -16px;</p><p>}</p><p>}</p><p>form.go-right {</p><p>label {</p><p>top: 2px;</p><p>right: 100%;</p><p>width: 100%;</p><p>margin-right: -100%;</p><p>bottom: 2px;</p><p>}</p><p>input:focus + label, textarea:focus + label {</p><p>right: 0;</p><p>margin-right: 0;</p><p>width: 40%;</p><p>padding-top: 5px;</p><p>}</p><p>}&lt;/html&gt;</p><p>

Resources

Similar questions