Touch Display

When I developed my keyhandling feature I found that the lack of a physical keyboard was proving to be problematic. When pages are viewed on a device with a touch-screen it is not easy to display the hidden external links.

In addition to the addition of an input element somewhere on the page I have added a "show notes" menu option to the expandable dropdowns.

Click here:

When viewing this page on a device with a touch screen click between the arrows to display the on-screen keyboard. This works on Apple devices and I will have to check on a Microsoft Surface.

Top

The code for the INPUT element

This is actually quite simple and is just an input element with styling of height and width 10px.

UITextField

The Apple Developer UIKit documentation describes the use of the object.

An object that displays an editable text area in your interface.

As I am not developing for Apple devices apart from pages that can be used on a mobile browser, my usage of this object is simple. The configuration of the object is only of academic interest to me.

You use text fields to gather text-based input from the user using the onscreen keyboard. The keyboard is configurable for many different types of input such as plain text, emails, numbers, and so on. Text fields use the target-action mechanism and a delegate object to report changes made during the course of editing.

In addition to its basic text-editing behavior, you can add overlay views to a text field to display additional information and provide additional tappable controls. You might add custom overlay views for elements such as a bookmarks button or search icon. Text fields provide a built-in overlay view to clear the current text. The use of custom overlay views is optional.

Adding the text field to the Overlay

In some cases where there are a lot of internal links the UITextField is not visible when the links are selected from the main menu.

Cases where this happen are the Design Menu

Trailing Slash

In HTML5, the trailing slash is optional for input elements. The HTML5 specification states that void elements, which include input elements, do not require a closing tag. Therefore, it is acceptable to write &input type="text"> without a trailing slash. However, if you are following XHTML-style syntax, you would write &input type="text />, but this is not a standard practice in HTML5.

Links

Link to PDF Disabled

If you require a copy please email tempusfugit.me.uk

Top

References -

  • 1 - UITextField - https:// developer.apple.com/ documentation/uikit/ uitextfield This is the functionality I am looking at rather than the UITextView
  • 2 - codestudy.net - https:// www.codestudy.net/blog/ self-closing-tags- void-elements-in-html5/